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

2022-12-26 11:12:23 來源/作者: / 己有:14人學(xué)習(xí)過

百度外賣這兩個(gè)頁面用的是卡片式

_0313304134-5.jpg

四. 內(nèi)容為王

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

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

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

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

_0313301204-6.jpg

五. 大視野背景圖

用通欄的圖片作為背景

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

典型例子:airbnb

_0313302421-7.jpg

工具:ps、sketch、Illustrator等等

推薦書籍

_0313304437-8.jpg

謝謝大家閱讀