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

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

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

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

在同一個(gè)界面設(shè)計(jì)中，圓角&直角的選擇要更加統(tǒng)一的出現(xiàn)在界面中，不要出現(xiàn)混合運(yùn)用造成視覺(jué)表達(dá)不一致。如果選擇圓角作為視覺(jué)語(yǔ)言，統(tǒng)一相同模塊下圓角的大小，不可出現(xiàn)大小不一致的情況，讓整個(gè)界面設(shè)計(jì)的視覺(jué)語(yǔ)言更加規(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ì)的多樣性也許在視覺(jué)上面更加豐富，可是用戶會(huì)理解為這是兩個(gè)不同的模塊，操作會(huì)不會(huì)也不同，無(wú)形中就增加了用戶的思考時(shí)間和學(xué)習(xí)成本。

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

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

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

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

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

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

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

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