我們經(jīng)常會(huì)遇到視覺界面設(shè)計(jì)無法衡量好壞的問題,其實(shí)簡(jiǎn)單來總結(jié)一下,可以從以下6個(gè)大方面來判斷:
一、視覺有否正確傳達(dá)出產(chǎn)品/交互意圖
視覺界面設(shè)計(jì),不是單純的圖形設(shè)計(jì),而是整個(gè)產(chǎn)品設(shè)計(jì)中的一個(gè)步驟,要在理解和遵循產(chǎn)品概念的基礎(chǔ)上,
參照目標(biāo)群體心理模型和交互意圖進(jìn)行視覺設(shè)計(jì),并且視覺設(shè)計(jì)要達(dá)到用戶愉悅的目的。
二、布局
用戶所接觸到的網(wǎng)站/產(chǎn)品的界面,是一個(gè)平面,我們通過信息結(jié)構(gòu)組織,主次內(nèi)容歸納和區(qū)分,通過布局,
給用戶瀏覽閱讀的線索。
*版面布局(柵格系統(tǒng) 網(wǎng)頁瀏覽模式)
—-以規(guī)范的柵格系統(tǒng)部署的界面,信息呈現(xiàn)清晰易讀;對(duì)前端開發(fā)更具規(guī)范與靈活性。
—-網(wǎng)頁瀏覽模式如“F”型模式,等,能幫助了解用戶瀏覽和關(guān)注度特征,用依據(jù)來做視覺設(shè)計(jì)。
*層次感
—-視覺界面設(shè)計(jì)猶如美妙的歌曲一樣,需要節(jié)奏和韻律感,通過層次來營(yíng)造。
*留白/間距
—-有助于減少用戶的認(rèn)知負(fù)荷,使界面富有呼吸透氣感。同時(shí)增強(qiáng)界面層次的結(jié)構(gòu)與劃分,是界面精致度
體現(xiàn)的重要元素。
三、信噪比(SRN)
簡(jiǎn)易淺顯來說,是視覺界面上有效信息與干擾信息之比。
信噪比越高,有效信息越突出。
四、風(fēng)格
風(fēng)格是通過一系列視覺元素表現(xiàn)出來的,能體現(xiàn)品牌和產(chǎn)品情感化感受的視覺語言。
同個(gè)網(wǎng)站/產(chǎn)品/界面的視覺風(fēng)格要一致,可以通過視覺規(guī)范,DPL,淘斯基等來進(jìn)行規(guī)范。
五、色彩運(yùn)用
*色彩經(jīng)濟(jì)
—-在同個(gè)網(wǎng)站/產(chǎn)品/界面的視覺設(shè)計(jì)中,建議主色不超過3種,以保證顏色及其賦予的值能被有效識(shí)別和理解。
*色彩賦值
—-把色彩看成資源,嚴(yán)謹(jǐn)賦予他合適的值,并保證統(tǒng)一的運(yùn)用。
六、字體設(shè)計(jì)
同一界面中的字體及樣式不超過3種,賦予每種字體樣式值。
字體的對(duì)比度要清晰,便于閱讀。
解決問題的方法肯定是越多越好,希望大家有更好更多的設(shè)計(jì)方法一起交流共享!