網頁界面設計與制作

第1章　網頁界面設計的基礎理論　
1.1　網頁界面設計概述　
1.1.1　界面與界面設計　
1.1.2　界面設計在我國的現狀　
1.1.3　網頁界面設計的發(fā)展　
1.2　網頁界面的構成要素及特征　
1.2.1　網頁界面的構成要素　
1.2.2　網頁界面的特性　
1.3　網頁界面設計的特征　
1.3.1　以功能為主　
1.3.2　形象明確，易于接受　
1.3.3　形式簡潔　
1.4　網頁界面設計在信息傳播科技中的應用　
1.4.1　網頁界面設計與信息傳播　
1.4.2　網頁界面的主要形式　
1.5　課后思考與練習　第2章　網頁界面設計與視覺傳達設計　
2.1　網頁界面中的視覺傳達設計　
2.2　視覺傳達設計的基本元素　
2.2.1　視覺符號與傳達　
2.2.2　視覺傳達設計的構成要素　
2.3　網頁界面中視覺傳達設計的特性　
2.3.1　視覺符號的選取　
2.3.2　界面中視覺傳達的作用與特性　
2.4　網頁界面設計與審美　
2.4.1　網頁界面的功能美與形式美　
2.4.2　形式美的創(chuàng)造法則　
2.5　網頁界面設計與創(chuàng)造性思維　
2.5.1　創(chuàng)造性思維的一般含義　
2.5.2　創(chuàng)造性思維的特點　
2.5.3　創(chuàng)造性思維的過程　
2.5.4　創(chuàng)造性與借鑒　
2.6　界面設計創(chuàng)意方法　
2.6.1　綜合型創(chuàng)意方法　
2.6.2　趣味型創(chuàng)意方法　
2.6.3　聯想型創(chuàng)意方法　
2.6.4　比喻型創(chuàng)意方法　
2.6.5　矛盾型創(chuàng)意方法　
2.6.6　古樸型創(chuàng)意方法　
2.6.7　流行型創(chuàng)意方法　
2.6.8　奇異型創(chuàng)意方法　
2.7　課后思考與練習　第3章　網頁界面中的色彩設計　
3.1　色彩在網頁界面設計中的作用　
3.2　色彩基本原理　
3.2.1　光與色彩　
3.2.2　色彩三要素　
3.2.3　色彩表示法　
3.2.4　數字色彩模式　
3.3　視知覺與色彩設計　
3.3.1　眼睛的生理結構　
3.3.2　視覺適應　
3.3.3　色彩視覺理論　
3.3.4　色彩視覺現象　
3.3.5　色彩對比　
3.3.6　色彩調和　
3.4　色彩設計的心理效應　
3.4.1　色彩的物質性心理效應　
3.4.2　色彩的表情與聯想　
3.4.3　色彩設計與視覺心理平衡　
3.5　課后思考與練習　第4章　網頁界面中的圖形圖像設計　
4.1　圖形圖像在網頁界面設計中的作用　
4.1.1　傳達性　
4.1.2　藝術性　
4.1.3　表現性　
4.1.4　趣味性　
4.1.5　超地域、超時空性　
4.2　圖形圖像設計的造型元素　
4.2.1　基本造型元素　
4.2.2　擴展造型元素　
4.3　圖形圖像設計的創(chuàng)意技法　
4.3.1　想象與聯想　
4.3.2　夸張與幽默　
4.3.3　情感的魅力　
4.3.4　改變視覺慣性　
4.3.5　借鑒傳統(tǒng)文化　
4.3.6　文字的變化　
4.3.7　直接表達　
4.4　圖形圖像設計的表現技法　
4.4.1　圖像設計的表現技巧　
4.4.2　圖形設計的造型手法　
4.5　案例——F設計工作室首頁界面設計　
4.5.1　設計網頁背景圖　
4.5.2　設計網頁主體圖　
4.5.3　設計網頁導航　
4.5.4　制作網頁主體內容　
4.6　課后思考與練習　第5章　網頁界面中文字的編排設計　
5.1　文字在網頁界面設計中的作用　
5.2　關于字體　
5.2.1　中文字體　
5.2.2　外文字體　
5.3　字體編排　
5.3.1　字號級數　
5.3.2　字符間距　
5.4　文字的編排設計　
5.4.1　文字編排的規(guī)律　
5.4.2　文字編排設計的手法　
5.4.3　文字群體的編排　
5.5　案例——MODELS AGENCY首頁界面設計　
5.5.1　設計網頁背景　
5.5.2　設計網頁標題　
5.5.3　設計網頁導航　
5.5.4　設計網頁主體內容　
5.6　課后思考與練習　第6章　網頁界面版式的構成與設計　
6.1　版式在網頁界面設計中的作用　
6.2　版式設計的版面空間與第一屏　
6.2.1　版面空間　
6.2.2　第一屏　
6.3　版式設計的造型元素　
6.3.1　版式設計的基本造型元素　
6.3.2　版式設計的形式原理　
6.4　版式設計的視覺因素　
6.4.1　人的視覺特征與版式設計　
6.4.2　版式設計中視覺傳達效率的提高　
6.5　版式構成的類型　
6.5.1　水平分割　
6.5.2　垂直分割　
6.5.3　水平—垂直分割　
6.6　案例——豪盛家私首頁版式設計　
6.6.1　網站色彩與版式布局　
6.6.2　首頁版式設計　
6.7　課后思考與練習　第7章　網頁界面的動畫設計　
7.1　網頁動畫概述　
7.1.1　網頁動畫的基本原理　
7.1.2　網頁動畫的種類　
7.1.3　網頁動畫的基本概念與元素　
7.2　網頁動畫的特點與作用　
7.3　網頁動畫設計的視覺美感　
7.3.1　整體與局部　
7.3.2　對比與調和　
7.3.3　重點與從屬　
7.3.4　節(jié)奏與韻律　
7.4　網頁動畫設計的幾點原則　
7.4.1　內容與形式的統(tǒng)一　
7.4.2　選擇適當的信息符號　
7.4.3　動畫時間的掌握　
7.4.4　動畫為網頁整體服務　
7.4.5　頁面動點適度　
7.4.6　保持較小的動畫文件　
7.5　常見的動畫設計效果　
7.5.1　色彩循環(huán)動畫　
7.5.2　文字與圖形圖像動畫　
7.6　案例應用　
7.6.1　案例1——網頁Banner動畫　
7.6.2　案例2——Flash廣告動畫　
7.7　課后思考與練習　第8章　服裝購物網站的界面設計　
8.1　現有商業(yè)網站的類型與結構　
8.1.1　商業(yè)網站類型　
8.1.2　商業(yè)網站結構　
8.2　商業(yè)網站設計的特點　
8.2.1　以產品為主的商業(yè)網站　
8.2.2　以形象為主的商業(yè)網站　
8.2.3　網上購物商業(yè)網站　
8.3　網站策劃　
8.3.1　明確創(chuàng)建網站的目的和用戶需求　
8.3.2　出具網站策劃書　
8.4　服裝購物網站界面設計　
8.4.1　案例概述　
8.4.2　網站類型　
8.4.3　網站的色彩與版式　
8.4.4　首頁界面設計　
8.4.5　欄目頁界面設計　
8.5　課后思考與練習