|
設計：Tintins 整理自：medium 文章來源：設計達人 現(xiàn)在網(wǎng)頁設計流行兼容手機端，一些導航或其它小元素都喜歡用側邊欄的方式展示。側邊欄就這么點大小，那么如何設計才更美觀且用戶體驗更好呢？ 今天設計達人網(wǎng)小編為大家整理一系列設計美觀的側邊欄UI設計作品，風格多樣，如果你不知道怎樣制作，請看看這些精選，也許能給你帶來創(chuàng)造靈感哦，Enjoy! VōID?—?Product Page一個時尚的產(chǎn)品展示模塊，排版以居中為，多組留白來區(qū)域元素，不同的字體層級，看起來簡約漂亮。
設計：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 管理后臺界面?zhèn)葯谠O計。
設計：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]也是圖標+字體，默認狀態(tài)下，左圖標是顏色比方字要淺一些。
設計：Adrian Goia Wireframe Builder (WIP)
設計：Vincent Tantardini Stand Up
設計：Jeff Lupinski Home Page
Sidebar 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
UI設計導航：hao.xueui.cn QQ群:387264038 |
|
|
