從平面設計到網頁設計，雖然設計原則不離其宗，但經驗下來的心得告訴自己，設計媒介的變化帶來很多媒介自身的特殊性，下面總結下網站視覺設計的一些要點，有他人經驗，也有自己的心得：

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

文字：
內容等級決定字體、字號大小、粗細；狀態決定顏色（默認或者根據網站特殊統一）
廣告、內容圖片：
尺寸樣式的定位，同一頁面的和諧性，圖片的優化，位置的節奏，大小對比。

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

可點擊（button)：
區別（不可點擊），根據人的生活經驗：厚度，可按，質感（實體聯想），色彩（品牌性、統一性、對比性）；統一的樣式大小（依據裡面文字的內邊距統一）

背景圖片：
氛圍效果營造，同產品的統一性，優化（品質大小，色彩信息，實現方案）。

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

當前狀態：
放大（形狀），變色（反色、對比色、明度純度區別色），鏈進鏈出後指定內容提示。

交互控件：
樣式合理準確性（人對系統默認的認知和生活常規認知），狀態（視覺表現樣式和動作過程優化），創意。

loading：
內容關聯性（loading前後的內容關聯），無聊等待的樂趣，體積、面積優化，創意。
用戶反饋_ 成功、出錯、提示、無結果：
文案（明確、合理、人性化、創意），圖形（明確、醒目、色彩的心理認知準確度）。

動畫效果：
過程合理（模擬真實環境的合理化），連續，節奏感，用戶日常動作表現，音效配合，創意。

首尾設計：
首（品牌宣傳、自身特點、明確內容、氣氛表達、創意。尾：呼應、節奏（與首），創意。

適應屏設計（全屏設計）：
最大最小屏幕的考慮（文字、圖片的位置、折行效果）

固定尺寸的柵格設計：
合理的單元格（考慮黃金分割），單元格面積節奏，邊距統一性

demo設計樣稿：
對內容最多最少的考慮。

頁面：
品牌性，基調元素一致性，復用性，節奏感、面積感，視覺第一吸引，引導瀏覽，點線面關係，素描原理（運用素描的基本規律來做頁面）。

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

文章來自blueidea