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