>
學(xué)校機(jī)構(gòu) >
上海跑贏職場(chǎng) >
學(xué)習(xí)資訊>
UI設(shè)計(jì) app界面設(shè)計(jì)學(xué)習(xí)五項(xiàng)基本原則
UI設(shè)計(jì) app界面設(shè)計(jì)學(xué)習(xí)五項(xiàng)基本原則
39 2015-12-29
今天收集了3個(gè)非常不錯(cuò)的APP產(chǎn)品包裝設(shè)計(jì)很棒的效果圖。同時(shí)也針對(duì)這幾個(gè)APP視覺界面設(shè)計(jì)做一下簡(jiǎn)單的點(diǎn)評(píng)。希望大家可以從中學(xué)到點(diǎn)APP界面設(shè)計(jì)技巧。
首先,app設(shè)計(jì)師必須知道和記得的APP視覺界面設(shè)計(jì)五項(xiàng)基本原則。
①加強(qiáng)視覺對(duì)比
②顯示因果關(guān)系
③顯示多個(gè)變量
④在一個(gè)界面中整合文本、圖形及數(shù)據(jù),確保內(nèi)容的質(zhì)量、相關(guān)性和完整性
⑤在相鄰空間上顯示事物,而不是按時(shí)間堆積,可量化的數(shù)據(jù)就要量化。
第一個(gè)是國(guó)外的一個(gè)聊天APP界面包裝效果,應(yīng)該說(shuō)布局還是很簡(jiǎn)單,運(yùn)用的也是很流水。
這類app包裝設(shè)計(jì)的創(chuàng)意元素就是:背景高斯模糊,選取光線的折射原理來(lái)布局一些重要APP界面設(shè)計(jì)的展示。
第二個(gè)APP設(shè)計(jì)視覺設(shè)計(jì)案例:水果類的APP包裝產(chǎn)品設(shè)計(jì)
這類設(shè)計(jì)的元素:立體展示APP視覺界面設(shè)計(jì),然后配合對(duì)應(yīng)的主題元素裝飾和點(diǎn)綴。襯托出整個(gè)APP產(chǎn)品視覺高大上。清新而自然。
第三個(gè)APP設(shè)計(jì)視覺設(shè)計(jì)案例:美食類點(diǎn)心APP包裝設(shè)計(jì)
類APP包裝界面設(shè)計(jì)是不是很簡(jiǎn)單呢?就是通過(guò)色塊區(qū)分每個(gè)單元需要展示的內(nèi)容。而且每個(gè)APP界面也沒有采用特別的設(shè)計(jì)技巧。都是通過(guò)規(guī)則的擺放和排序。
第一種:視覺錯(cuò)覺第二種:立體展示主題點(diǎn)綴第三種:扁平化布局
這3種和五項(xiàng)基本原則都是值得大家來(lái)學(xué)習(xí)和練習(xí)。
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)