我們經(jīng)常會遇到視覺界面設(shè)計(jì)無法衡量好壞的問題，其實(shí)簡單來總結(jié)一下，可以從以下6個大方面來判斷：

　　一、視覺有否正確傳達(dá)出產(chǎn)品/交互意圖

　　視覺界面設(shè)計(jì)，不是單純的圖形設(shè)計(jì)，而是整個產(chǎn)品設(shè)計(jì)中的一個步驟，要在理解和遵循產(chǎn)品概念的基礎(chǔ)上，

　　參照目標(biāo)群體心理模型和交互意圖進(jìn)行視覺設(shè)計(jì)，并且視覺設(shè)計(jì)要達(dá)到用戶愉悅的目的。

　　二、布局

　　用戶所接觸到的網(wǎng)站/產(chǎn)品的界面，是一個平面，我們通過信息結(jié)構(gòu)組織，主次內(nèi)容歸納和區(qū)分，通過布局，

　　給用戶瀏覽閱讀的線索。

　　*版面布局（柵格系統(tǒng) 網(wǎng)頁瀏覽模式）

　　—-以規(guī)范的柵格系統(tǒng)部署的界面，信息呈現(xiàn)清晰易讀；對前端開發(fā)更具規(guī)范與靈活性。

　　—-網(wǎng)頁瀏覽模式如“F”型模式，等，能幫助了解用戶瀏覽和關(guān)注度特征，用依據(jù)來做視覺設(shè)計(jì)。

　　*層次感

　　—-視覺界面設(shè)計(jì)猶如美妙的歌曲一樣，需要節(jié)奏和韻律感，通過層次來營造。

　　*留白/間距

　　—-有助于減少用戶的認(rèn)知負(fù)荷，使界面富有呼吸透氣感。同時增強(qiáng)界面層次的結(jié)構(gòu)與劃分，是界面精致度

　　體現(xiàn)的重要元素。

　　三、信噪比（SRN）

　　簡易淺顯來說，是視覺界面上有效信息與干擾信息之比。

　　信噪比越高，有效信息越突出。

　　四、風(fēng)格

　　風(fēng)格是通過一系列視覺元素表現(xiàn)出來的，能體現(xiàn)品牌和產(chǎn)品情感化感受的視覺語言。

　　同個網(wǎng)站/產(chǎn)品/界面的視覺風(fēng)格要一致，可以通過視覺規(guī)范，DPL，淘斯基等來進(jìn)行規(guī)范。

　　五、色彩運(yùn)用

　　*色彩經(jīng)濟(jì)

　　 —-在同個網(wǎng)站/產(chǎn)品/界面的視覺設(shè)計(jì)中，建議主色不超過3種，以保證顏色及其賦予的值能被有效識別和理解。

　　*色彩賦值

　　—-把色彩看成資源，嚴(yán)謹(jǐn)賦予他合適的值，并保證統(tǒng)一的運(yùn)用。

　　六、字體設(shè)計(jì)

　　同一界面中的字體及樣式不超過3種，賦予每種字體樣式值。

　　字體的對比度要清晰，便于閱讀。

　　解決問題的方法肯定是越多越好，希望大家有更好更多的設(shè)計(jì)方法一起交流共享！

　　原文：http://www.flowercauli.com/?p=5