起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識精致的側(cè)滑菜單設(shè)計案例
側(cè)滑菜單已經(jīng)成為app一個極常用的設(shè)計，不管是事務(wù)類，效率類還是生活類app。側(cè)滑菜單因Path 2.0和Facebook為開發(fā)者熟知，本文搜集了一些時髦的，精致的側(cè)滑菜單設(shè)計案例。
優(yōu)雅的純色背景，逼真的翻頁動畫效果。
微妙的陰影和漸變增加了視覺立體感。
暗色側(cè)滑菜單和柔和的單色背景圖文并茂地展示了視頻圖像。
開放的，明快的現(xiàn)代的設(shè)計，充滿活力的完美像素圖標(biāo)。
清晰易讀的深色背景，醒目的藍(lán)色和黃色字體。且?guī)в幸欢▌赢嬓Ч?/p>
網(wǎng)格布局，對比鮮明的用色，加重視覺沖擊力的白色常規(guī)字體。
黑色界面中注入了一抹鮮艷的亮綠，并且屏幕上方添加了極具光澤感的組件，打破了黑色本身的沉悶。
比較經(jīng)典的布局模式，極具現(xiàn)實感的圖標(biāo)和粗字體。選中項目的字體顏色變?yōu)辄S色，與黑色背景形成對比。側(cè)滑菜單的頂部和按鈕使用了同樣的黃色以形成鮮明的對比。
帶有折疊效果的側(cè)滑菜單，設(shè)計師很好地平衡了黑白元素組合，加入的綠色為應(yīng)用增添了活力，整體看起來極為干凈整齊。
由于在UI上展示了相關(guān)數(shù)據(jù)，因此用設(shè)計突出了數(shù)據(jù)的清晰和整齊。
半透明的背景，時尚的綠松石色，超窄字體以及輪廓圓滑的圖標(biāo)。
用側(cè)滑菜單展示了一個3D的導(dǎo)航面板。
大體感覺整齊而銳利，色彩搭配和諧，用扁平化展現(xiàn)了休閑的風(fēng)格。
界面用軟棕色傳遞了溫馨的氛圍，用紅色按鈕和黃色通知強調(diào)了視差，側(cè)滑菜單運用了亮麗的黃色和白色以打破單一的色調(diào)。
同樣是簡約化的設(shè)計方案，輪廓清晰明亮的圖標(biāo)和平滑的字體，以黑的的背景作為依襯。
這是一款園藝應(yīng)用，一個小小的但很直觀的側(cè)邊欄菜單中存放著普通的圖標(biāo)。微妙的陰影使得界面稍微凸出，更有表現(xiàn)力。
語言翻譯類app，強烈依賴側(cè)邊菜單中的圖標(biāo)。
黑色和白色對比外，設(shè)計師在側(cè)邊欄處使用了粉紫色。整體非常整齊，沒有雜亂的視覺元素。
紋理效果，色澤明亮的橙色和精致的圖標(biāo)。
同樣帶有折疊效果的設(shè)計，側(cè)邊菜單展示物品圖標(biāo)和相關(guān)文字，左邊一屏的菜單項列表成為輔助的搜索欄。
一款簡約時尚的設(shè)計風(fēng)格。深色背景延展至側(cè)側(cè)滑菜單中，視覺上更統(tǒng)一。左邊菜單項列表使用了超細(xì)多色字體，一來避免用戶視覺上的單調(diào)，二來很好地對類別進行了區(qū)分。
清新亮麗的配色風(fēng)格，充滿活力。
應(yīng)用界面細(xì)節(jié)設(shè)計一絲不茍，漂亮的拼接背景，柔和的色彩，迷人的字體，平滑的圖標(biāo)，而側(cè)滑菜單中的紅色區(qū)域給人熱情的視覺效果。
房地產(chǎn)公司的移動app用藍(lán)色營造了堅定的商業(yè)氛圍，而白色的使用使得了界面的生動。
拉窗簾一樣的滑動效果。
用細(xì)膩的陰影，淺灰色的精美排版打造了一個和諧寬敞的視覺效果。
轉(zhuǎn)自：http://www.uml.org.cn/jmshj/201308022.asp
之前看過這篇文章，現(xiàn)在又看了一遍，還是覺得不錯！