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

來源:站酷 作者:z迷suger 學(xué)習(xí):9578人次

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

theoat.com.cn_0313304134-5.jpg

四. 內(nèi)容為王

真正有價值的app,一定是內(nèi)容取勝。

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

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

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

theoat.com.cn_0313301204-6.jpg

五. 大視野背景圖

用通欄的圖片作為背景

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

典型例子:airbnb

theoat.com.cn_0313302421-7.jpg

工具:ps、sketch、Illustrator等等

推薦書籍

theoat.com.cn_0313304437-8.jpg

謝謝大家閱讀

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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