现在网页设计流行兼容手机端，一些导航或其它小元素都喜欢用侧边栏的方式展示。侧边栏就这么点大小，那么如何设计才更美观且用户体验更好呢？
今天设计达人网小编为大家整理一系列设计美观的侧边栏UI设计作品，风格多样，如果你不知道怎样制作，请看看这些精选，也许能给你带来创造灵感哦，Enjoy!
VŌID — Product Page一个时尚的产品展示模块，排版以居中为，多组留白来区域元素，不同的字体层级，看起来简约漂亮。
设计：Mykolas Puodžiūnas
Dribbble Chat Client聊天应用人侧边设计
设计：Dmitriy Kharaberyush
Instagram Web App多级菜单的设计，这样设计很简洁，但如果有三级会怎样呢？所以估计这个界面因定最多为二级菜单。
设计：Dmitriy Kharaberyush
Web Wardrobe整体设计效果很简洁，学习。
设计：Eugene Ledenyov
Music App Sidebar带透明感的侧边栏。
设计：Eike Drescher
Internal Tools — Iteration 2admin 管理后台界面侧栏设计。
设计：Dwinawan Hariwijaya
Dashboard — Form设计：Dwinawan Hariwijaya
Gmail Retake侬个侧栏功能还插多的。
设计：Gript Team
Home Desktop + Mobile桌面与手机端的效果
设计：Chris Braniff
Timesheets Screen重点以单个以图标形式展示，那这些 ICON 的可识别度必须加强。
设计：Adrian Goia
Shop Masonry Grid设计：Chris Braniff
Product Page只想说很简约。
设计：Chris Braniff
Add Trade Page也是单图标展示，但这个看起来更简单。
设计：Kálmán Magyari
Email Funnel比较常见的方式：图标+字体，
设计：Gript
Integrations Screen [V2]也是图标+字体，默认状态下，左图标是颜色比方字要浅一些。
设计：Adrian Goia
Wireframe Builder (WIP)设计：Vincent Tantardini
Stand Up设计：Jeff Lupinski
Home PageSidebar Animations能让用户快速阅读的侧栏文章列表。
设计：Mike Davis
Bar Chart设计：The Purple Bunny
Scrimbox App导航菜单之间增加了一个标题，这样的可以为太长的菜单分级，易于识别。
设计：Abhinav
Dashboard UI设计：Abhijeet ~ Sokratus
Top & Sibebar (WIP)第一组是有图标，第二组的菜单没图标？
设计：Max
Music Web设计：ALEX BENDER
NucleoApp Sneak Peek设计：Sebastiano Guerriero
Que Chat — Green Sidebar设计：Tintins
整理自：medium
文章来源：设计达人
本文地址：IT百科频道 https://www.hkm168.com/tags/1053531.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们删除，谢谢！
相关阅读
