網(wǎng)頁界面設(shè)計(jì)與制作

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