13161216443

您所在位置: 首頁> 學習課程> APP設計學習:瀑布流式的產品UI設計

APP設計學習:瀑布流式的產品UI設計

發布百知教育 來源:學習課程 2019-12-06

到好的APP產品UI設計,真是忍不住想要停留幾秒,慢慢來欣賞。


今天收集了近期不錯的優質的APP設計作品,
看起來極舒服的UI界面,分享給大家。


這一期的重點學習:在APP界面設計當中,如何應用瀑布流式的布局設計。


瀑布流布局的特點? 
首先,是圖片的寬度固定,圖片的長度不一樣。
其次,是當頁面滾動時 ,會再次加載數據,動態的渲染在頁面上。


UI設計培訓


上圖:是一款美食APP的UI界面設計作品。

精致的美食實物的擺盤 加上瀑布流的布局樣式,
讓APP產品界面更具層次感和場景感



UI設計培訓班


左邊是瀑布流式的產品分類布局設計。


上圖右邊這個APP界面設計作品最大特點是
食物擺盤很一致,設計風格一致,看起來很清晰很形象。
猶如你現在購買即可馬上享用。


UI設計培訓班


這是APP下單付款界面,清晰明了,很舒服的色調搭配。

產品配圖搭配的也很大氣,吸引人。
頂部產品分類很不錯,這個設計點很棒。


UI設計培訓班


這是一款閑時特賣的美食APP

每日推出不同的套餐食譜,既實惠,有好吃。



UI設計培訓班


美食早餐的預定界面設計欣賞


UI設計培訓班



營養健康套餐的售賣APP界面設計


瀑布流的產品UI布局設計,好像美食絡繹不絕的感覺。


UI設計培訓班


一列的卡片塊狀的瀑布流式布局設計,搭配的產品配圖是插畫。

欣賞起來更具美觀度,看起來極其舒服



UI設計培訓班





有些場景下,設計師為什么喜歡使用瀑布流式的布局呢?


因為瀑布流的設計確實有吸引力,瀑布流會在它的頁面底部給你不斷地加載新的暗示信息,滑動的時候會不停的出現新的東西,通過給出不完整的視覺圖片去吸引你的好奇心,讓你停不下來想要不斷的向下探索。

采用這種方案的產品,往往可以通過瀑布流加強用戶的停留時間,提高用戶的使用粘度。

瀑布流的主要特質就是:定寬而不定高,這樣的頁面設計區別于傳統的矩陣式圖片布局模式,
巧妙的利用視覺層級,視線的任意流動來緩解視覺的疲勞。


瀑布流更適合那些隨意瀏覽,不帶目的性的使用場景,就像是在逛街一樣,邊走邊看,同時被街邊琳瑯滿目的商品吸引著。


UI設計培訓班:http://www.onhairsalon.com/ui2019






上一篇:準備轉行IT嗎?為什么年前參加IT培訓更劃算!

下一篇:應屆生去公司找個Java程序員的職位需要什么技能?

相關推薦

www.onhairsalon.com

有位老師想和您聊一聊

關閉

立即申請