網(wǎng)頁界面設計與制作

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