網(wǎng)站視覺設(shè)計(jì)的18個要點(diǎn)

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

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

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

3—廣告、內(nèi)容圖片：尺寸樣式的定位，同一頁面的和諧性，圖片的優(yōu)化，位置的節(jié)奏，大小對比。

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

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

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

7—圖文排版：主圖次文，圖文節(jié)奏，空隙，模塊化。

8—當(dāng)前狀態(tài)：放大（形狀），變色（反色、對比色、明度純度區(qū)別色），鏈進(jìn)鏈出后指定內(nèi)容提示。

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

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

11—用戶反饋_ 成功、出錯、提示、無結(jié)果：文案（明確、合理、人性化、創(chuàng)意），圖形（明確、醒目、色彩的心理認(rèn)知準(zhǔn)確度）。

12—動畫效果：過程合理（模擬真實(shí)環(huán)境的合理化），連續(xù)，節(jié)奏感，用戶日常動作表現(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ì)樣稿：對內(nèi)容最多最少的考慮。

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

18—閱讀：背景對閱讀（視力）的舒適度，內(nèi)容與背景的對比舒適度。

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

服務(wù)器租用/服務(wù)器托管中國五強(qiáng)！虛擬主機(jī)域名注冊頂級提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]