優秀側滑選單設計案例

2021-06-16 19:42:49 字數 1034 閱讀 2670

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

微妙的陰影和漸變增加了視覺立體感。

開放的,明快的現代的設計,充滿活力的完美畫素圖示。

清晰易讀的深色背景,醒目的藍色和黃色字型。且帶有一定動畫效果。

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

黑色介面中注入了一抹鮮豔的亮綠,並且螢幕上方新增了極具光澤感的元件,打破了黑色本身的沉悶。

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

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

由於在ui上展示了相關資料,因此用設計突出了資料的清晰和整齊。

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

用側滑選單展示了乙個3d的導航面板。

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

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

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

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

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

紋理效果,色澤明亮的橙色和精緻的圖示。

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

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

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

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

拉窗簾一樣的滑動效果。

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

側滑選單的實現

一般的側滑的實現 viewgroup menu content ontouchevent move viewgroup的 leftmargin up 根據現實選單的寬度,決定將其隱藏或者現實 1 scroller 2 leftmargin thread 今天,繼承 horizontalscrollv...

Android選單側滑特效實現

人人客戶端有乙個特效還是挺吸引人的,在主介面手指向右滑動,就可以將選單展示出來,而主介面會被隱藏大部分,但是仍有左側的一小部分同選單一起展示。在乙個activity的布局中需要有兩部分,乙個是選單 menu 的布局,乙個是內容 content 的布局。兩個布局橫向排列,選單布局在左,內容布局在右。初...

iOS開發 側滑選單的實現

實現 1.建立側邊欄選單的類,在.m檔案裡 import leftmenuview.h import masonry.h inte ce leftmenuview property nonatomic,strong uiview menuview end implementation leftmen...