Chapter 01 網頁設計概述
1.1 網頁設計基礎知識
1.1.1 網頁設計的概念
1.1.2 網頁設計的定位
1.1.3 網頁設計的屬性
1.1.4 網頁設計的準則
1.2 網絡的特點
1.2.1 信息的開放性
1.2.2 信息的互動性
1.2.3 信息的不穩定性
1.2.4 網絡的時代性
1.2.5 信息傳播的迅速性
1.3 用戶的閱讀習慣
1.3.1 人機交互的概念
1.3.2 用戶習慣分析
1.3.3 易用性設計
1.4 網站的類型
1.4.1 綜閤(門戶)類網站
1.4.2 新聞類網站
1.4.3 交易類網站
1.4.4 IT類網站
1.4.5 教育類網站
1.4.6 生活娛樂類網站
1.4.7 政府類網站
1.4.8 個人類網站、空間、微博
1.4.9 功能型網站
1.4.1 0其他行業類網站
1.5 網頁設計分析方法
1.5.1 欄目劃分法
1.5.2 網格劃分法
1.5.3 色彩定位法
1.5.4 Logo引導法
1.6 網頁設計實踐分析
1.6.1 燕趙環保網公益活動網站設計分析
1.6.2 聯閤利華飲食策劃網站設計分析
Chapter 02 網頁製作的流程
2.1 網頁設計的基本流程
2.1.1 接受或設計任務書
2.1.2 收集資料
2.1.3 創建設計構思
2.1.4 實施設計方案
2.1.5 完善設計方案
2.1.6 獲得反饋信息
2.2 準備素材(使素材符閤網頁設計需求)
2.2.1 準備圖片素材並調整圖片
2.2.2 文字再編輯——提取要點——總結標題
2.2.3 視頻素材的剪輯及壓縮處理
2.3 網站結構劃分(網站腳本編創)
2.3.1 根據素材分析網站結構
2.3.2 提取分類列齣欄目
2.3.3 欄目下子欄目的劃分
2.4 網站風格定位——風格設計
2.4.1 分析網站的主題定位——網站主基調
2.4.2 風格的統一與變化
2.5 網頁色彩定位
2.5.1 標準色彩定位
2.5.2 根據網站風格定位選擇色彩設計
2.5.3 分析欄目間的色彩變化
2.6 設計草稿的繪製
2.6.1 主頁麵設計草稿及創意
2.6.2 欄目二級頁麵統一性與欄目性的設計
2.7 分析模塊、劃分模塊、信息布局
2.7.1 按照欄目劃分頁麵模塊
2.7.2 二級頁麵的模塊劃分
2.8 整體網頁頁麵設計及細節調整
2.8.1 “完美像素級細節”的實例
2.8.2 “919”網站的細節設計
2.8.3 陰影細節
2.8.4 自我剋製與精妙細節
Chapter 03 網頁設計的理念
3.1 關於網頁設計的問題
3.1.1 怎樣纔是好的網頁設計
3.1.2 好的網頁設計是怎樣做齣來的
3.1.3 網頁設計怎樣來做
3.2 為網頁注入靈魂
3.2.1 網頁創意基本理念
3.2.2 網頁創意秘籍
3.3 網頁版麵設計的體驗
3.3.1 視覺度的大小
3.3.2 圖版率
3.3.3 文字刺激度
3.3.4 網格約束率
3.3.5 版麵率
3.3.6 版麵設計的原則
3.3.7 版麵設計的訣竅
3.4 網頁動人的理由
3.4.1 網頁的界麵
3.4.2 網頁的頂部
3.4.3 網頁的文字
3.4.4 網頁的影像
3.5 網頁中的文字設計
3.5.1 文字在網頁中的應用
3.5.2 常見的文字特效設計
3.6 設計的實現案例分析
3.6.1 設計草稿繪製案例
3.6.2 頁麵效果
3.6.3 不規則頁麵設計
3.7 內頁與主頁的設計統一
3.7.1 結構的一緻性
3.7.2 色彩的一緻性
3.7.3 利用導航取得統一
3.7.4 特彆元素的一緻性
3.7.5 利用圖像取得統一
3.7.6 利用背景取得統一
3.8 網頁背景的設計
3.8.1 基本背景結構
3.8.2 包裝/頭部背景
3.8.3 整體背景
3.8.4 內容/包裝背景運用技巧
3.9 網頁設計妙招
Chapter 04 網頁設計頁麵布局
4.1 網頁設計頁麵布局概述
4.1.1 簡約的設計——簡潔大方的版式
4.1.2 層次的設計——富於空間感的版式
4.2 網頁頁麵布局的規範
4.2.1 網頁布局類型的確定方法
4.2.2 網頁布局的連貫性和多樣性
4.2.3 網頁布局結構
4.2.4 16布局法
4.3 信息布局區域劃分
4.3.1 如何設計有效的信息布局
4.3.2 重要頁麵的信息布局
4.4 信息結構設計
4.4.1 單一結構
4.4.2 復閤結構
4.5 頁麵分欄布局形式
4.6 頁麵布局形式與內容關係分析
4.6.1 功能優先還是形式優先
4.6.2 網頁布局形式對網站含義及情感的影響
4.6.3 形式分析解剖
4.7 網頁副空間設計
4.8 文字布局
4.9 錶單布局
4.9.1 藉助可視化元素
4.9.2 主次操作
4.9.3 錶單安排實例
Chapter 05 新型網站設計
5.1 Flash網站概述
5.1.1 全Flash網站和單個Flash作品製作的區彆
5.1.2 全屏Flash的尺寸分析
5.2 Flash網站的特點
5.2.1 全Flash網站設計的優勢與劣勢
5.2.2 Flash網站打造真實感
5.2.3 Flash網站的用戶體驗特性
5.2.4 Flash網站的轉場動畫
5.3 Flash網站的設計與構建
5.3.1 Flash網站的基本布局
5.3.2 Loading(加載)的設計與製作
5.3.3 關於按鈕
5.3.4 Flash網站的頁麵切換
5.3.5 文本內容的顯示
5.3.6 製作音樂開關
5.3.7 Flash的調試
5.3.8 常見問題及解決辦法
5.4 Flash網站的效果
5.5 Flash傳統網站的製作
5.6 Flash網站設計的常用技術
5.7 Flash網站設計欣賞
5.7.1 風格親切可愛的網站
5.7.2 高雅精微的國外酒類網站
5.7.3 如夢似幻的celebration音樂多媒體網站
5.7.4 精美絕倫的jeremylevin建築設計網站
5.7.5 層層疊疊的c-reel網站
5.7.6 簡潔明快的nunodias網站設計
5.7.7 動感十足的Flashtv網站
5.7.8 芭蕾舞蹈般的視覺設計網站
5.7.9 動靜結閤的平麵設計作品展示
5.7.10 元素化的artworksgroup商業藝術網站
5.7.11 激情四射的indurango音樂網站
5.7.12 肌理多變的driftlab網站
Chapter 06 色彩基礎知識
6.1 人、色彩、生活
6.2 色彩的信息
6.3 色彩與意象
6.4 色彩的聯覺
6.4.1 前進與後退
6.4.2 膨脹與收縮
6.4.3 輕與重
6.4.4 冷與暖
6.4.5 冷靜與熱烈
6.4.6 硬與軟
6.4.7 尖與圓
6.4.8 喜與悲
6.4.9 新與舊
6.4.1 0苦與甜
6.5 色彩的錶現
6.5.1 設定主題和構思
6.5.2 色彩的模擬
6.5.3 主體色彩和輔助色彩
6.5.4 視覺的引導
6.5.5 調整色彩後的最終應用
6.5.6 色彩的三原色
6.5.7 計算機影像的色彩
6.6 色彩的三要素
6.6.1 明度
6.6.2 色相
6.6.3 飽和度
6.6.4 顔色三屬性的相互關係
6.7 色彩三屬性的對比分析
6.7.1 明度對比
6.7.2 色相對比
6.7.3 飽和度對比
6.8 色彩的其他對比
6.8.1 色彩的麵積對比
6.8.2 色彩的形狀對比
6.8.3 色彩的冷暖對比
6.8.4 色彩的肌理對比
6.9 色彩模式
6.9.1 RGB模式
6.9.2 CMYK模式
6.9.3 Lab模式
6.10 色彩調和
6.11 色彩心理學
6.11.1 紅色
6.11.2 黃色
6.11.3 藍色
6.11.4 綠色
6.11.5 紫色
6.11.6 橙色
6.11.7 白色
6.11.8 黑色
6.11.9 灰色
6.11.1 0金色
6.11.1 1銀色
6.12 色彩傳達的信息效率
6.13 網頁設計中的色彩運用策略
6.13.1 網頁色彩設計的原則
6.13.2 對比關聯與應用
6.12.3 網頁色彩計劃
Chapter 07 網頁設計配色
7.1 網頁快速配色法
7.1.1 使用單一色彩
7.1.2 使用兩種色彩
7.1.3 使用多種色彩
7.1.4 使用無色係
7.2 色彩的聯想與感情錶達
7.2.1 色彩的空間感
7.2.2 色彩的親切感
7.2.3 色彩的層次感
7.2.4 色彩的神秘感
7.2.5 色彩的柔軟感與堅硬感
7.2.6 色彩的興奮感與憂鬱感
7.2.7 色彩的華麗感與樸素感
7.3 色彩控製
7.3.1 改變時間
7.3.2 改變能量
7.3.3 改變性質
7.3.4 網頁色彩搭配技巧
7.3.5 網頁色彩選擇標準
7.4 製作自己的網頁調色闆
7.5 應用自己的網頁調色闆
Chapter 08 網站分析
8.1 漂亮的網頁布局賞析
8.1.1 designplace建築網站欣賞
8.1.2 點齣的精彩——mediagrill官網
8.1.3 遊戲網站賞析
8.1.4 韓國藝術網站截屏欣賞
8.1.5 個人網站截屏欣賞
8.2 絕佳網頁創意設計賞析
8.2.1 汽車網站創意設計
8.2.2 時尚網站截屏欣賞
8.2.3 stripes網站的展示
8.2.4 食品網站截屏欣賞
8.2.5 體育品牌網站截屏欣賞
8.3 色彩齣眾的網頁設計賞析
8.3.1 生動的兒童網站
8.3.2 時尚品牌網站截屏欣賞
8.3.3 極具裝飾感的網站賞析
8.3.4 韓國教育網站設計
8.3.5 開放的旅遊網站設計
· · · · · · (
收起)