教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

牛X的視覺設(shè)計師在視覺表達上都這么干!

更新時間:2018年06月22日10時19分 來源:傳智播客 瀏覽次數(shù):

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


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


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

1529633609286_01.jpg

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


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

1529633624974_02.jpg

三、設(shè)計表達的一致性


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

1529633636052_03.jpg

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


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

1529633648896_04.jpg

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


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

1529633656256_05.jpg

六、空界面中插畫的運用


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

1529633667365_06.jpg

七、運用真實的信息填充你的設(shè)計


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

1529633684475_07.jpg


本文版權(quán)歸傳智播客視覺設(shè)計學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請注明作者出處。謝謝!

作者:傳智播客視覺設(shè)計培訓(xùn)學(xué)院

首發(fā):http://uijp.itcast.cn/

0 分享到:
和我們在線交談!