網(wǎng)站美工設計是網(wǎng)站的重要組成部分，一好網(wǎng)站讓人看了心情愉悅，設計原則不離其宗，下面總結下網(wǎng)站視覺(jué)設計的一些要點(diǎn)：

1—logo：

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

2—文字：

內容等級決定字體、字號大小、粗細；狀態(tài)決定顏色（默認或者根據網(wǎng)站特殊統一）

3—廣告、內容圖片：

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

4—icon：

品牌性，表達準確合理，設計手法（依據品牌性），一致性，作用：吸引，醒目，方便識別、理解、操作、記憶。

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

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

6—背景圖片：

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

7—圖文排版：

主圖次文，圖文節奏，空隙，模塊化。

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

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

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

10—loading：

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

11—用戶(hù)反饋_ 成功、出錯、提示、無(wú)結果：

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

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

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

13—首尾設計：

首（品牌宣傳、自身特點(diǎn)、明確內容、氣氛表達、創(chuàng )意。尾：呼應、節奏（與首），創(chuàng )意。

14—適應屏設計（全屏設計）：

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

15—固定尺寸的柵格設計：

合理的單元格（考慮黃金分割），單元格面積節奏，邊距統一性

16—demo設計樣稿：

對內容最多最少的考慮。

17—頁(yè)面：

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

18—閱讀：

背景對閱讀（視力）的舒適度，內容與背景的對比舒適度。