前言：網頁美術設計具有四大特點，分別為交互性、整合性、多維性以及動態性。完整的網頁設計既需要試聽元素，也需要版式設計，以求有效的傳達信息。在設計的時候，設計者要學會利用框架，也要學會打破框架。
| 一、優秀網頁設計的特征 |
1、主題信息傳達明確
單純、簡練、清晰和精確
- 符合視覺習慣和邏輯規律、文本條理化、樣式化處理
- 形式美法則，圖片色彩版式條理化（空間層次，主從關系，視覺秩序）
- 整齊排列
- 切割
- 整體性和多邊性
2、網站內容與視覺形式統一
- 內容：功能主題文本、圖片、視頻
- 形式：版式風格、設計語言
- 形式美：對比與調和、對稱與平衡、節奏與韻腳、留白、美感
- 將內容元素歸類組合是顯示內容的一種方式
- 結構統一、和諧、關系清晰、突出主次、對稱/對齊
- 采用倒金字塔的形式：結論在開頭，具體分層次
3、鮮明的整體設計風格
- 以網頁的設計為標准，可以評測基於網站性質和功能的使用性、構建策略、構建方法等，並觀察其效果。
- 細節要素：結構、板式布局、形態、圖形、色彩、動態效果
- 設計獨創性、多樣性、實驗性：設計策略、網頁主題、網頁要素
- 網頁的主要信息及功能的差異性
| 二、網頁設計中的布局 |
1、鏈接方式
- 樹狀鏈接結構
- 位置明確
- 不易相互跳轉
- 適合小型
- 星狀鏈接結構
- 樞紐連接
- 隨時跳轉
- 例如：門戶網站
- 二者結合為宜
2、排版
- 信息分出主次
- 首頁應具備的信息：頁頭、頁尾、Email地址、聯系信息、版權信息
- 借助工具
- grid（網格類工具）
- Frame（框架結構）- 分類
- Layer層 - 布局設計
- Table表格定位 - 分辨率問題
- 字體
- 一般最小12像素 微軟雅黑 特別情況可以到10像素
- 16*16點陣的仿宋字體 一行排列不超過35個字
- 行距合理 字體風格不要太多種（不超過3種）
| 三、網頁設計中的創意 |
1、獨創性
- 懷疑因子
- 抵抗因子
- 自變因子
2、牽連性
- 縱向牽連
- 逆向牽連
- 橫向牽連
3、多向性
- 散發機制
- 換元機制
- 創優機制
4、躍進性
- 加大思維推理活動的跨度
5、綜合性
- 雜交能力
- 統攝能力
- 辯證分析能力
| 四、網頁設計中的幾何圖形 |
1、點
- 無序/規律 → 形成線
- 定向排列 → 韻律感
- 分散定向排列的點 → 面
- 大小不一，沿着相對方向聚合 → 動態效果
- 大小相同位置整齊 → 均衡
- 發射狀 → 活潑輕松
- 網頁中任何單獨而細小的部件，文件/按鈕/圖形都可以視為點，不僅僅限於圖形
- 注重情感：
- 水平對稱並置 → 嚴謹和理性
- 曲線散點 → 自由輕松浪漫
2、線
- 線的聯想——平穩、不穩定、條理、圓潤
- 線的種類：直線、折線、拋物線、自由曲線、復合線、垂直、水平、傾斜、幾何、自由線
- 線的疏密變化：
- 等距等粗
- 粗細不同，距離不同 → 空間感
- 粗細相同，距離不同 → 縱深感
- 密集排列 → 形成面
- 線的作用：
- 串聯
- 分割版面
- 文字也是線
- 活用斜線是一個活躍頁面，豐富版式的技能
- 注重情感：
- 銳角 → 動盪 速度
- 平行 → 規律 平穩
- 垂直 → 庄嚴挺拔向上
- 曲線 → 流暢柔美
3、面
- 注重情感：
- 幾何面 → 規則、平穩、理性
- 自然型 → 生動、厚實（例如水果、蔬菜、人，與矢量的單薄產生強烈的反差）
- 偶然型 → 自由、活潑、哲理性（例如水、火、手撕狀，聯想；偶然型還可以破邊）
- 人造型 → 富含哲理（與幾何形形成反差）
注：轉載請注明出處