優秀側滑菜單設計案例
優秀側滑菜單設計案例-移動閱讀二維碼

側滑菜單已經成為app一個極常用的設計,不管是事務類,效率類還是生活類app。側滑菜單因Path 2.0和Facebook為開發者熟知,本文搜集了一些時髦的,精致的側滑菜單設計案例。

優雅的純色背景,逼真的翻頁動畫效果。
?

微妙的陰影和漸變增加了視覺立體感。
暗色側滑菜單和柔和的單色背景圖文并茂地展示了視頻圖像。
開放的,明快的現代的設計,充滿活力的完美像素圖標。
清晰易讀的深色背景,醒目的藍色和黃色字體。且帶有一定動畫效果。

網格布局,對比鮮明的用色,加重視覺沖擊力的白色常規字體。

CH07

 

黑色界面中注入了一抹鮮艷的亮綠,并且屏幕上方添加了極具光澤感的組件,打破了黑色本身的沉悶。

CH08

 

比較經典的布局模式,極具現實感的圖標和粗字體。選中項目的字體顏色變為黃色,與黑色背景形成對比。側滑菜單的頂部和按鈕使用了同樣的黃色以形成鮮明的對比。

CH09

 

帶有折疊效果的側滑菜單,設計師很好地平衡了黑白元素組合,加入的綠色為應用增添了活力,整體看起來極為干凈整齊。

CH10

 

由于在UI上展示了相關數據,因此用設計突出了數據的清晰和整齊。

CH11

 

半透明的背景,時尚的綠松石色,超窄字體以及輪廓圓滑的圖標。

CH12

 

用側滑菜單展示了一個3D的導航面板。

CH13

 

大體感覺整齊而銳利,色彩搭配和諧,用扁平化展現了休閑的風格。

CH14

 

界面用軟棕色傳遞了溫馨的氛圍,用紅色按鈕和黃色通知強調了視差,側滑菜單運用了亮麗的黃色和白色以打破單一的色調。

CH15

 

同樣是簡約化的設計方案,輪廓清晰明亮的圖標和平滑的字體,以黑的的背景作為依襯。

CH16

 

這是一款園藝應用,一個小小的但很直觀的側邊欄菜單中存放著普通的圖標。微妙的陰影使得界面稍微凸出,更有表現力。

CH17

 

語言翻譯類app,強烈依賴側邊菜單中的圖標。

CH18

 

黑色和白色對比外,設計師在側邊欄處使用了粉紫色。整體非常整齊,沒有雜亂的視覺元素。

CH19

 

紋理效果,色澤明亮的橙色和精致的圖標。

CH20

 

同樣帶有折疊效果的設計,側邊菜單展示物品圖標和相關文字,左邊一屏的菜單項列表成為輔助的搜索欄。

CH21

 

一款簡約時尚的設計風格。深色背景延展至側側滑菜單中,視覺上更統一。左邊菜單項列表使用了超細多色字體,一來避免用戶視覺上的單調,二來很好地對類別進行了區分。

CH22

 

清新亮麗的配色風格,充滿活力。

CH23

 

應用界面細節設計一絲不茍,漂亮的拼接背景,柔和的色彩,迷人的字體,平滑的圖標,而側滑菜單中的紅色區域給人熱情的視覺效果。

CH24

 

房地產公司的移動app用藍色營造了堅定的商業氛圍,而白色的使用使得了界面的生動。

CH25

 

拉窗簾一樣的滑動效果。

CH26

 

用細膩的陰影,淺灰色的精美排版打造了一個和諧寬敞的視覺效果。

CH27

來源:designmodo

本文鏈接:http://www.casaleticia.com/good-side-menu-design-case.html
本文標簽: , ,