UI知識,新手如何自學UI設計?(3)

來源:站酷 作者:z迷suger 學習:9578人次

百度外賣這兩個頁面用的是卡片式

www.theoat.com.cn_0313304134-5.jpg

四. 內容為王

真正有價值的app,一定是內容取勝。

新浪利用字體排版,盡可能的內容前置,弱化圖標和操作讓用戶集中注意力于內容閱讀上。

優(yōu)點:讓用戶聚集于內容上

典型例子:滴滴試駕里面的車品電商頁面

www.theoat.com.cn_0313301204-6.jpg

五. 大視野背景圖

用通欄的圖片作為背景

優(yōu)點:提升視覺表現(xiàn)力度,又豐富了App情感化元素,這種設計方法,對字體和排版設計要求更高,難度也多,但極容易渲染氣氛。

典型例子:airbnb

www.theoat.com.cn_0313302421-7.jpg

工具:ps、sketch、Illustrator等等

推薦書籍

www.theoat.com.cn_0313304437-8.jpg

謝謝大家閱讀

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
芙蓉泣雨780772016-05-10 10:51
第一次跟教程臨摹225101j5ftc067q6q6t77w.png第二次結合源文件臨摹225124xmgqowm46sqov14y.png

關注大神微博加入>>

網(wǎng)友求助,請回答!