1. 網站建設中如何判斷網頁視覺界面設計的好壞

      2010-12-24

          頁面設計過程中經常需要根據不同節日、不同主題做不同的詳細設計。平面設計中的一些小技巧對類主題界面設計來說相當重要,精巧的細節設計會幫助頁面畫龍點睛,創造與眾不同的視覺效果。

          我們經常會遇到視覺界面設計無法衡量好壞的問題,其實簡單來總結一下,可以從以下6個大方面來判斷:

        一、視覺有否正確傳達出產品/交互意圖

        視覺界面設計,不是單純的圖形設計,而是整個產品設計中的一個步驟,要在理解和遵循產品概念的基礎上,參照目標群體心理模型和交互意圖進行視覺設計,并且視覺設計要達到用戶愉悅的目的。
          交互控件的樣式合理準確性(人對系統默認的認知和生活常規認知),狀態(視覺表現樣式和動作過程優化),創意。

        二、布局

        用戶所接觸到的網站/產品的界面,是一個平面,我們通過信息結構組織,主次內容歸納和區分,通過布局,給用戶瀏覽閱讀的線索。
          頁面品牌性,基調元素一致性,復用性,節奏感、面積感,視覺第一吸引,引導瀏覽,點線面關系,素描原理(運用素描的基本規律來做頁面)。
        

        三、信噪比(SRN)

        簡易淺顯來說,是視覺界面上有效信息與干擾信息之比。
        信噪比越高,有效信息越突出。

        四、風格

        風格是通過一系列視覺元素表現出來的,能體現品牌和產品情感化感受的視覺語言。
        同個網站/產品/界面的視覺風格要一致,可以通過視覺規范,DPL,淘斯基等來進行規范。

        五、色彩運用

        *色彩經濟
         —-在同個網站/產品/界面的視覺設計中,建議主色不超過3種,以保證顏色及其賦予的值能被有效識別和理解。
        *色彩賦值
        —-把色彩看成資源,嚴謹賦予他合適的值,并保證統一的運用。

        六、字體設計

        同一界面中的字體及樣式不超過3種,賦予每種字體樣式值。
        字體的對比度要清晰,便于閱讀。內容等級決定字體、字號大小、粗細;狀態決定顏色(默認或者根據網站特殊統一)