牛X的視覺設(shè)計(jì)師在視覺表達(dá)上都這么干！

更新時(shí)間:2018-06-22 來源:黑馬程序員瀏覽量:

在當(dāng)下人們開始追求精神消費(fèi)及精神滿足時(shí)代，一款產(chǎn)品只追求交互不注重視覺表達(dá)同樣會(huì)死得很慘，請(qǐng)不要在低估你的用戶的視覺審美了，產(chǎn)品要想活得好，當(dāng)下最最重要的是要解決你用戶的視覺滿足感。一些牛X的視覺設(shè)計(jì)師在視覺表達(dá)上是這樣做的，你還不敢進(jìn)學(xué)學(xué)嗎?

一、相同界面下圓角&直角的統(tǒng)一性

在同一個(gè)界面設(shè)計(jì)中，圓角&直角的選擇要更加統(tǒng)一的出現(xiàn)在界面中，不要出現(xiàn)混合運(yùn)用造成視覺表達(dá)不一致。如果選擇圓角作為視覺語言，統(tǒng)一相同模塊下圓角的大小，不可出現(xiàn)大小不一致的情況，讓整個(gè)界面設(shè)計(jì)的視覺語言更加規(guī)范統(tǒng)一。

二、設(shè)計(jì)元素的表達(dá)符合用戶心理

設(shè)計(jì)是為了更好的幫助用戶理解界面的操作邏輯，如果你的設(shè)計(jì)改變了用戶的心理與習(xí)慣，可能會(huì)增加用戶的學(xué)習(xí)成本或者被用戶拋棄。我們?cè)谶M(jìn)行界面設(shè)計(jì)的時(shí)候，如果要設(shè)計(jì)一些創(chuàng)新的操作規(guī)則，需要做更多的調(diào)研和測(cè)試，確保這個(gè)規(guī)則符合用戶的心理。

三、設(shè)計(jì)表達(dá)的一致性

相同的信息模塊采用統(tǒng)一的設(shè)計(jì)表達(dá)，不要為了變化而加強(qiáng)用戶的理解。前后信息設(shè)計(jì)的多樣性也許在視覺上面更加豐富，可是用戶會(huì)理解為這是兩個(gè)不同的模塊，操作會(huì)不會(huì)也不同，無形中就增加了用戶的思考時(shí)間和學(xué)習(xí)成本。

四、別把網(wǎng)頁的習(xí)慣帶到APP設(shè)計(jì)中

網(wǎng)頁與APP的設(shè)計(jì)在本質(zhì)上面有很多不同的視覺表現(xiàn)規(guī)則，我們?cè)谠O(shè)計(jì)APP界面的時(shí)候要脫離網(wǎng)頁的一些交互習(xí)慣，回歸到移動(dòng)用戶的習(xí)慣中，讓界面的操作邏輯更加順暢。

五、讓表單設(shè)計(jì)更簡潔

表單設(shè)計(jì)在界面中隨處可見，看到一望無際的表單用戶總是望而卻步。為了緩解用戶的這種心理活動(dòng)，我們?cè)O(shè)計(jì)的時(shí)候通常會(huì)通過合并歸納相同屬性的表單，采用逐步填寫來讓用戶感覺內(nèi)容很少，通過這樣的視錯(cuò)覺讓用戶完成表單的填寫。

六、空界面中插畫的運(yùn)用

為了提高APP的情感化設(shè)計(jì)，插畫的運(yùn)用也開始越來越普遍。在空界面的一些設(shè)計(jì)中也由以前的純文字轉(zhuǎn)變?yōu)橐恍?yīng)景的插畫表現(xiàn)，帶給用戶更多的愉悅感。

七、運(yùn)用真實(shí)的信息填充你的設(shè)計(jì)

經(jīng)常看到一些設(shè)計(jì)稿整個(gè)界面都是一樣的配圖，胡亂輸入的文案，看起來顯得非常的不專業(yè)。為了降低視覺落地的差值，我們?cè)谠O(shè)計(jì)的時(shí)候盡量運(yùn)用真實(shí)有效的信息去填充我們的設(shè)計(jì)稿，在提案的時(shí)候才能給決策者一個(gè)還原真實(shí)場(chǎng)景的有效方案。