視覺設(shè)計(jì)是針對(duì)眼睛功能的主觀形式的表現(xiàn)手段和結(jié)果，主要針對(duì)被傳達(dá)對(duì)象即觀眾而有所表現(xiàn)。我們的視覺設(shè)計(jì)包含了:標(biāo)志設(shè)計(jì),字體設(shè)計(jì),廣告設(shè)計(jì),視覺形象識(shí)別系統(tǒng)(vis，亦稱vi)設(shè)計(jì).

　　視覺傳達(dá)設(shè)計(jì)屬于視覺設(shè)計(jì)的一部分，主要針對(duì)被傳達(dá)對(duì)象即觀眾而有所表現(xiàn)，缺少對(duì)設(shè)計(jì)者自身視覺需求因素的訴求。視覺傳達(dá)既傳達(dá)給視覺觀眾也傳達(dá)給設(shè)計(jì)者本人，因此深入的視覺傳達(dá)研究已經(jīng)關(guān)注到視覺的方方面面感受，稱其為視覺設(shè)計(jì)更加貼切。

　　自己從工藝品設(shè)計(jì)到平面設(shè)計(jì)到網(wǎng)絡(luò)設(shè)計(jì)，雖然設(shè)計(jì)原則不離其宗，但用經(jīng)驗(yàn)積累下來(lái)的心得告訴自己，設(shè)計(jì)媒介的變化帶來(lái)很多媒介自身的特殊性，下面總結(jié)下網(wǎng)站視覺設(shè)計(jì)的一些要點(diǎn)，有他人經(jīng)驗(yàn)，也有自己的心得：

　　1—logo：

　　基本logo特征，符合logo設(shè)計(jì)基礎(chǔ)(平面設(shè)計(jì)通用)顯示器效果：清晰度，最小尺寸(因顯示器分辨率而帶來(lái)的，等同線下平面設(shè)計(jì)的印刷效果)

　　2—文字：

　　內(nèi)容等級(jí)決定字體、字號(hào)大小、粗細(xì);狀態(tài)決定顏色(默認(rèn)或者根據(jù)網(wǎng)站特殊統(tǒng)一)

　　3—廣告、內(nèi)容圖片：

　　尺寸樣式的定位，同一頁(yè)面的和諧性，圖片的優(yōu)化，位置的節(jié)奏，大小對(duì)比。

　　4—icon：

　　品牌性，表達(dá)準(zhǔn)確合理，設(shè)計(jì)手法(依據(jù)品牌性)，一致性，作用：吸引，醒目，方便識(shí)別、理解、操作、記憶。

　　5—可點(diǎn)擊(button)：

　　區(qū)別(不可點(diǎn)擊)，根據(jù)人的生活經(jīng)驗(yàn)：厚度，可按，質(zhì)感(實(shí)體聯(lián)想)，色彩(品牌性、統(tǒng)一性、對(duì)比性);統(tǒng)一的樣式大小(依據(jù)里面文字的內(nèi)邊距統(tǒng)一)

　　6—背景圖片：

　　氛圍效果營(yíng)造，同產(chǎn)品的統(tǒng)一性，優(yōu)化(品質(zhì)大小，色彩信息，實(shí)現(xiàn)方案)，

　　7—圖文排版：

　　主圖次文，圖文節(jié)奏，空隙，模塊化。

　　8—當(dāng)前狀態(tài)：

　　放大(形狀)，變色(反色、對(duì)比色、明度純度區(qū)別色)，鏈進(jìn)鏈出后指定內(nèi)容提示。

　　9—交互控件：樣式合理準(zhǔn)確性(人對(duì)系統(tǒng)默認(rèn)的認(rèn)知和生活常規(guī)認(rèn)知)，狀態(tài)(視覺表現(xiàn)樣式和動(dòng)作過程優(yōu)化)，創(chuàng)意。

　　10—loading：

　　內(nèi)容關(guān)聯(lián)性(loading前后的內(nèi)容關(guān)聯(lián))，無(wú)聊等待的樂趣，體積、面積優(yōu)化，創(chuàng)意。

　　11—用戶反饋_ 成功、出錯(cuò)、提示、無(wú)結(jié)果：

　　文案(明確、合理、人性化、創(chuàng)意)，圖形(明確、醒目、色彩的心理認(rèn)知準(zhǔn)確度)。

　　12—動(dòng)畫效果：

　　過程合理(模擬真實(shí)環(huán)境的合理化)，連續(xù)，節(jié)奏感，用戶日常動(dòng)作表現(xiàn)，音效配合，創(chuàng)意。

　　13—首尾設(shè)計(jì)：

　　首(品牌宣傳、自身特點(diǎn)、明確內(nèi)容、氣氛表達(dá)、創(chuàng)意。尾：呼應(yīng)、節(jié)奏(與首)，創(chuàng)意。

　　14—適應(yīng)屏設(shè)計(jì)(全屏設(shè)計(jì))：

　　最大最小屏幕的考慮(文字、圖片的位置、折行效果)

　　15—固定尺寸的柵格設(shè)計(jì)：

　　合理的單元格(考慮黃金分割)，單元格面積節(jié)奏，邊距統(tǒng)一性

　　16—demo設(shè)計(jì)樣稿：

　　對(duì)內(nèi)容最多最少的考慮。

　　17—頁(yè)面：

　　品牌性，基調(diào)元素一致性，復(fù)用性，節(jié)奏感、面積感，視覺第一吸引，引導(dǎo)瀏覽，點(diǎn)線面關(guān)系，素描原理(運(yùn)用素描的基本規(guī)律來(lái)做頁(yè)面)。

　　18—閱讀：

　　背景對(duì)閱讀(視力)的舒適度，內(nèi)容與背景的對(duì)比舒適度。

　　其實(shí)還有很多設(shè)計(jì)的點(diǎn)比如交互設(shè)計(jì)，比如代碼設(shè)計(jì)，我們可以展示給用戶看到的這些綜上所述，構(gòu)成了用戶體驗(yàn)設(shè)計(jì)的一個(gè)大過程，自己在做的很多時(shí)候其實(shí)也不是都能估計(jì)到每個(gè)點(diǎn)的，總結(jié)出來(lái)以幫助隨時(shí)審視!

　　哪些屬于重點(diǎn)模塊需要突出展示，哪些次要模塊可以移動(dòng)到更優(yōu)化的布局或者精簡(jiǎn)合并?這是一個(gè)需要長(zhǎng)期經(jīng)驗(yàn)積累，不斷磨練耐心和提高理解判斷能力的成長(zhǎng)過程。一個(gè)網(wǎng)站的視覺設(shè)計(jì)是非常重要的，給你感官上的舒適后，才會(huì)開始發(fā)揮它的作用和實(shí)現(xiàn)它的目的。