网站侧边导航设计 第1篇
侧边栏导航可以设计成各种个性化的形式。Pixso社区采用的侧栏导航设计，设计元素设定在合理的宽度，导航栏中的字体不会过长，显示上不会出现太大的问题。UI设计师可以通过滑动侧栏的方式来查看个人的设计稿件，既节省网站的空间，同时也显得更加简约。结构复制的网站不适用于这种类型的导航，侧边栏的二级导航栏也不能用于侧边导航，所以这种类型的导航大多适合一些设计师或个人网站，还有一些结构简单的网站。
Pixso 资源社区内置的侧边栏仪表板，便采取的侧边导航的形式，侧边导航的使用能够简化界面设计的内容，尤其是对于含有大量数据的管理后台仪表盘设计，收起来的侧边栏能使整个界面看起来更加简洁，有条理，
网站侧边导航设计 第2篇
Elizabethylin的侧边栏和整体设计融为一体，颜值很高。
侧边栏近来年更加流行，但要设计一个好的边栏也并不容易，不仅有很多设计原则，还需要充分考虑网站整体的布局和排版，甚至要考虑网站的性质。这里推荐一个YouTube的视频，详细地讲解了如何使用html、css和jQuery创建侧边栏侧边菜单。
但如果你不会开发，也无大碍，可以使用设计工具制作，然后交付开发即可。快速呈现侧边栏设计，Mockplus会是一个不错的选择，它封装了大量的组件，其中就有导航栏，直接拖拽即可快速布局，全局查看界面设计，高效确认设计思路。这里有一个之前做过的网站模板，其中包含了侧边栏元素：
此外，使用一些现成的导航模板也是一个不错的方法，推荐这30个优秀Bootstrap导航模板，用户访问又快又准。
最后，小摹为大家准备了一份专属福利：
设计+协作，摹客就够了！摹客设计云，为产品团队提供在线原型设计、文档撰写管理、主流设计稿交付、全流程协作支持。在摹客，设计更高效~
打开下方链接，免费领取UI中国小伙伴 30天团队版 专属福利，体验2020设计协作新方式：
网站侧边导航设计 第3篇
侧边栏近来年更加流行，但要设计一个好的边栏也并不容易，不仅有很多设计原则，还需要充分考虑网站整体的布局和排版，甚至要考虑网站的性质。这里推荐一个YouTube的视频，详细地讲解了如何使用html、css和jQuery创建侧边栏侧边菜单。
但如果你不会开发，也无大碍，可以使用设计工具制作，然后交付开发即可。快速呈现侧边栏设计，Mockplus会是一个不错的选择，它封装了大量的组件，其中就有导航栏，直接拖拽即可快速布局，全局查看界面设计，高效确认设计思路。这里有一个之前做过的网站模板，其中包含了侧边栏元素：
此外，使用一些现成的导航模板也是一个不错的方法，推荐这30个优秀Bootstrap导航模板，用户访问又快又准。
设计+协作，摹客就够了！摹客设计云，为产品团队提供在线原型设计、文档撰写管理、主流设计稿交付、全流程协作支持。在摹客，设计更高效~