上海青浦UI設(shè)計(jì) 移動(dòng)端APP項(xiàng)目設(shè)計(jì)實(shí)戰(zhàn)經(jīng)驗(yàn)分享
寫在前面
當(dāng)我們打開一個(gè)APP時(shí)，從視覺層面分析，影響用戶對(duì)APP整體感官體驗(yàn)的元素主要有：圖片、文字、色彩、圖標(biāo)、留白等。
圖片的合理運(yùn)用、清晰的信息層級(jí)、舒適的色彩搭配都將會(huì)提高整個(gè)APP的美感，從而為整個(gè)的產(chǎn)品體驗(yàn)加分。
一個(gè)成功的產(chǎn)品，視覺層面只是其中的一部分，但是作為一個(gè)合格的UI設(shè)計(jì)師，我們要做的就是把這其中的一部分做到。
下面我們通過圖片、文字、色彩、圖標(biāo)、留白這幾個(gè)維度來解剖APP設(shè)計(jì)，發(fā)現(xiàn)那些微妙的細(xì)節(jié)。只需要比別人多提高1px的細(xì)節(jié)，你的APP設(shè)計(jì)就會(huì)更精致。
目錄
1、圖片，如同一個(gè)人的衣著品味；
2、文字，我只想知道重點(diǎn)在那里；
3、色彩，如何成為“色”計(jì)師；
4、圖標(biāo)，從會(huì)畫到畫好之間有多遠(yuǎn)；
5、留白，我只想要足夠的空間。
正文
1、圖片，如同一個(gè)人的衣著品味
圖片在APP中是非常常見的，圖片的展現(xiàn)形式和圖片的質(zhì)量都影響著用戶對(duì)產(chǎn)品的感官體驗(yàn)。
圖片的定位就如同一個(gè)人的衣著品味，不同的穿衣風(fēng)格會(huì)使別人對(duì)你作出不同的判斷，為你打上不同社會(huì)屬性的標(biāo)簽。
下面我們一起來看看圖片在APP設(shè)計(jì)中需要注意的關(guān)鍵點(diǎn)，將會(huì)從圖片比例、一致性、圖片質(zhì)量與真實(shí)性等方面進(jìn)行分析。
1.1、圖片比例有什么講究？
不同比例的圖片所傳達(dá)的信息主體不盡相同，根據(jù)產(chǎn)品屬性我們會(huì)選擇與之相符的圖片比例進(jìn)行整體的框架布局。
通過體驗(yàn)一些主流的APP，我們會(huì)發(fā)現(xiàn)一些比較常用的圖片比例，如 1:1、4:3、16:9、16:10等等；
也會(huì)發(fā)現(xiàn)一些打破常規(guī)比例的設(shè)計(jì)，我們需要分析它們的性格，結(jié)合自身產(chǎn)品的特點(diǎn)，才能在自己的APP設(shè)計(jì)中合理的加以運(yùn)用。
1:1 強(qiáng)調(diào)主體的存在感
1:1的圖片比例是比較常見的一種設(shè)計(jì)比例，利用此長(zhǎng)寬比更容易將構(gòu)圖歸整得簡(jiǎn)單，突出主體的存在感。
常用于產(chǎn)品展示、頭像、特寫展示等場(chǎng)景，在電商類APP中尤為常見。
目錄
1、圖片，如同一個(gè)人的衣著品味；
2、文字，我只想知道重點(diǎn)在那里；
3、色彩，如何成為“色”計(jì)師；
4、圖標(biāo)，從會(huì)畫到畫好之間有多遠(yuǎn)；
5、留白，我只想要足夠的空間。
正文
1、圖片，如同一個(gè)人的衣著品味
圖片在APP中是非常常見的，圖片的展現(xiàn)形式和圖片的質(zhì)量都影響著用戶對(duì)產(chǎn)品的感官體驗(yàn)。
圖片的定位就如同一個(gè)人的衣著品味，不同的穿衣風(fēng)格會(huì)使別人對(duì)你作出不同的判斷，為你打上不同社會(huì)屬性的標(biāo)簽。
下面我們一起來看看圖片在APP設(shè)計(jì)中需要注意的關(guān)鍵點(diǎn)，將會(huì)從圖片比例、一致性、圖片質(zhì)量與真實(shí)性等方面進(jìn)行分析。
1.1、圖片比例有什么講究？
不同比例的圖片所傳達(dá)的信息主體不盡相同，根據(jù)產(chǎn)品屬性我們會(huì)選擇與之相符的圖片比例進(jìn)行整體的框架布局。
通過體驗(yàn)一些主流的APP，我們會(huì)發(fā)現(xiàn)一些比較常用的圖片比例，如 1:1、4:3、16:9、16:10等等；
也會(huì)發(fā)現(xiàn)一些打破常規(guī)比例的設(shè)計(jì)，我們需要分析它們的性格，結(jié)合自身產(chǎn)品的特點(diǎn)，才能在自己的APP設(shè)計(jì)中合理的加以運(yùn)用。
1:1 強(qiáng)調(diào)主體的存在感
1:1的圖片比例是比較常見的一種設(shè)計(jì)比例，利用此長(zhǎng)寬比更容易將構(gòu)圖歸整得簡(jiǎn)單，突出主體的存在感。
常用于產(chǎn)品展示、頭像、特寫展示等場(chǎng)景，在電商類APP中尤為常見。
目錄
1、圖片，如同一個(gè)人的衣著品味；
2、文字，我只想知道重點(diǎn)在那里；
3、色彩，如何成為“色”計(jì)師；
4、圖標(biāo)，從會(huì)畫到畫好之間有多遠(yuǎn)；
5、留白，我只想要足夠的空間。
上海青浦UI設(shè)計(jì) 移動(dòng)端APP項(xiàng)目設(shè)計(jì)實(shí)戰(zhàn)經(jīng)驗(yàn)分享