網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)原則

　　網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)原則關(guān)系到網(wǎng)站的用戶體驗(yàn)。然而對(duì)于網(wǎng)頁(yè)的設(shè)計(jì)原則，需要網(wǎng)頁(yè)設(shè)計(jì)師充分了解，設(shè)計(jì)原則才能設(shè)計(jì)出更好的網(wǎng)頁(yè)。這里中國(guó)設(shè)計(jì)網(wǎng)給大家介紹一下網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì)原則。

　　1、通過(guò)字體表達(dá)產(chǎn)品風(fēng)格

　　視覺(jué)設(shè)計(jì)中，字體的選擇對(duì)于產(chǎn)品風(fēng)格的表現(xiàn)是作用明顯的，同一段文字，用不同字體寫(xiě)出，感覺(jué)確實(shí)千差萬(wàn)別。

　　2、通過(guò)配色展示產(chǎn)品定位

　　通過(guò)配色來(lái)展示產(chǎn)品定位，也是設(shè)計(jì)師必用的方法。視覺(jué)設(shè)計(jì)前期調(diào)研階段，常常通過(guò)情緒版提煉適合目標(biāo)用戶的顏色，形成一整套的配色方案。

　　紫色，關(guān)鍵詞：優(yōu)雅、高貴、女性、莊重、神圣、成熟、深度、神秘、時(shí)尚。

　　紅色，關(guān)鍵詞：藝術(shù)、熱烈、開(kāi)放、激情、積極、活力、喜慶、生命、成熟。

　　藍(lán)色，關(guān)鍵詞：理智、知性、公正、商務(wù)、科技、嚴(yán)格、細(xì)致、嚴(yán)謹(jǐn)、公式化。

　　橙色，關(guān)鍵詞：陽(yáng)光、輝煌、活動(dòng)、溫暖、記憶、家庭、健康、快樂(lè)。

　　綠色，關(guān)鍵詞：成長(zhǎng)、樸素、公益、生命、安全、新鮮、和平、春天、大自然。

　　3、營(yíng)造統(tǒng)一的品牌形象

　　品牌形象是一個(gè)很大的領(lǐng)域，具體到某個(gè)產(chǎn)品的品牌感，更多的還是通過(guò)視覺(jué)形象來(lái)傳達(dá)。這就需要視覺(jué)設(shè)計(jì)師制定一套系統(tǒng)的視覺(jué)體系，讓用戶看一眼，就能清晰地辨認(rèn)。

　　4、造型讓產(chǎn)品更有沖擊力

　　視覺(jué)設(shè)計(jì)中，夸張的造型對(duì)用戶的沖擊力非常大，很容易一下抓住用戶。

　　5、重要內(nèi)容留在首屏

　　這是視覺(jué)和交互設(shè)計(jì)師中都要注意的，有時(shí)往往原型中放在了首屏，視覺(jué)設(shè)計(jì)時(shí)由于一些原因(加模塊或是加高頭圖)又被擠到了下面，這點(diǎn)大家在視覺(jué)審核與測(cè)試中要格外注意。

　　6、讓頁(yè)面有層次有重點(diǎn)

　　交互設(shè)計(jì)師完成頁(yè)面布局設(shè)計(jì)，突出頁(yè)面重點(diǎn)，方便用戶瀏覽信息、完成任務(wù)。視覺(jué)設(shè)計(jì)階段，好的設(shè)計(jì)稿對(duì)于延續(xù)前期交互理念，引導(dǎo)用戶操作是非常有幫助的。

　　7、模擬現(xiàn)實(shí)世界匹配用戶心智模型

　　原型設(shè)計(jì)中常說(shuō)，操作方式要符合用戶的心智模型，其實(shí)視覺(jué)設(shè)計(jì)也一樣。把一些現(xiàn)實(shí)元素拿來(lái)，模擬真實(shí)世界，會(huì)給用戶身臨其境的感覺(jué)。

　　8、插圖讓產(chǎn)品更有情感

　　插圖在文章頁(yè)面中很多，我這里只舉錯(cuò)誤頁(yè)的例子。大家都有感觸，錯(cuò)誤的體驗(yàn)是非常不好的，但設(shè)計(jì)師卻用一張張插圖，讓這種挫敗和焦躁的感覺(jué)降到了最低，化解了用戶的負(fù)面情緒，同時(shí)產(chǎn)品也更有味道了。

　　9、巧用Icon，頁(yè)面更精彩

　　Icon設(shè)計(jì)是視覺(jué)設(shè)計(jì)非常重要的一部分，很多晦澀難懂的內(nèi)容，配上Icon圖形化解釋?zhuān)瑫?huì)更容易理解。相反，如果圖標(biāo)的設(shè)計(jì)元素不合適，或是將圖標(biāo)將背景亂用，也會(huì)干擾用戶理解。

　　10、柵格化提升用戶體驗(yàn)和開(kāi)發(fā)成本

　　柵格化在視覺(jué)設(shè)計(jì)中，越來(lái)越受重視，究其原來(lái)，主要是三點(diǎn)：一是可以統(tǒng)一頁(yè)面的布局，提升用戶的瀏覽操作體驗(yàn);二是將頁(yè)面模塊的尺寸標(biāo)準(zhǔn)化，降低開(kāi)發(fā)和維護(hù)的成本;最后，柵格化也是網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)業(yè)度的體現(xiàn)。