新銳網(wǎng)頁版式與風(fēng)格設(shè)計案例指南

Lesson 01 網(wǎng)頁設(shè)計思維
Section 1網(wǎng)站的設(shè)計流程
網(wǎng)站需求分析
網(wǎng)站整體風(fēng)格定位
網(wǎng)頁的創(chuàng)意設(shè)計
Section 2網(wǎng)站的內(nèi)容
視覺元素
聽覺元素
Lesson 02 網(wǎng)站導(dǎo)航設(shè)計
Section 1導(dǎo)航的形式
標(biāo)簽形式的導(dǎo)航
按鈕形式的導(dǎo)航
彈出菜單形式的導(dǎo)航
無框圖標(biāo)形式的導(dǎo)航
Flash形式的導(dǎo)航
多導(dǎo)航系統(tǒng)
SectiorI2導(dǎo)航的方向
垂直導(dǎo)航
橫排導(dǎo)航
傾斜導(dǎo)航
亂序?qū)Ш?br />Section 3導(dǎo)航的位置
頂部導(dǎo)航
底部導(dǎo)航
左側(cè)導(dǎo)航
右側(cè)導(dǎo)航
中心導(dǎo)航
Section 4導(dǎo)航的風(fēng)格表現(xiàn)
規(guī)矩的
另類的
卡通的
醒目的
形象的
流動的
活躍的
大氣的
古樸的
Lesson 03 版式風(fēng)格設(shè)計
Senion1版式空間
頁面所處的空間
標(biāo)題空間
形象空間
信息空間
空間分組
多維空間
Section 2版式的印象表情
藝術(shù)的
穩(wěn)定的
簡潔的
炫酷的
直觀的
大氣的
嚴(yán)謹(jǐn)?shù)?br />動感的
隨意的
夸張的
趣味的
細(xì)膩的
Senion3視覺元素的版式組織
元素大小
元素數(shù)量
元素的分布
元素的質(zhì)感
元素的節(jié)奏感
線條元素
Section 4版式風(fēng)格設(shè)計分析
不同的版式風(fēng)格
在線教育展示頁面
公司形象展示頁面
個人網(wǎng)站展示頁面
購物網(wǎng)站展示頁面
汽車服務(wù)網(wǎng)站展示頁面
藝術(shù)視覺展示頁面
LG網(wǎng)站展示頁面
SUNGJOO網(wǎng)站展示頁面
生活用品展示頁面
服飾展示頁面
Lesson 04 版式格局設(shè)計
Section 1按信息量劃分版式格局
檢索型
準(zhǔn)檢索型
均衡型
印象型
省略導(dǎo)航型
Section 2版式結(jié)構(gòu)類型
水平均勻
水平不均勻
水平多重
水平變動
垂直均勻
垂直不均勻
垂直多重
垂直變動
交叉劃分
曲線劃分
Section 3版式格局設(shè)計分析
韓國Metec網(wǎng)站
韓國Rimhyo網(wǎng)站
韓國Dhflour網(wǎng)站
墨西哥Gmac網(wǎng)站
韓國Wedding網(wǎng)站
韓國別墅網(wǎng)站
葡萄牙廣告網(wǎng)站
英國商業(yè)網(wǎng)站
韓國影視網(wǎng)站
韓國教育網(wǎng)站
韓國家居網(wǎng)站
挪威綜合網(wǎng)站
Lesson 05 各種類型的版式結(jié)構(gòu)
版式01環(huán)繞導(dǎo)航／強調(diào)形象／適當(dāng)留白
版式02導(dǎo)航置頂／表現(xiàn)形象／適當(dāng)留白
版式03雙側(cè)導(dǎo)航／版式均衡
版式04突出形象／適當(dāng)留白
版式05突出主題／結(jié)構(gòu)清晰／簡明扼要
版式06版式豐滿／突出形象
版式07對角導(dǎo)航／形象分割
版式08導(dǎo)航居中／內(nèi)容豐滿
版式09突出形象／正文對稱
版式10導(dǎo)航居右／突出形象
版式11形象簡約／導(dǎo)航明確
版式12結(jié)構(gòu)自由／布局分散
版式13結(jié)構(gòu)簡單／左右分割
版式14導(dǎo)航呼應(yīng)／內(nèi)容豐滿
版式15系列導(dǎo)航／分塊內(nèi)容
版式16“匡”字結(jié)構(gòu)／強調(diào)形象
版式17導(dǎo)航居中／背景廣闊
版式18三項導(dǎo)航包圍／內(nèi)容分塊
版式19“川”字結(jié)構(gòu)／強調(diào)形象
版式20角落導(dǎo)航／版面簡潔
版式21多位置導(dǎo)航／不對稱平衡
版式22縱向雙重導(dǎo)航／突出形象
版式23橫向雙重導(dǎo)航／版式豐滿
版式24分散不均衡／版式靈活
版式25形象主導(dǎo)／導(dǎo)航輔助
版式26畫廊展示／空間較大
版式27重復(fù)結(jié)構(gòu)／版式均衡
版式28包圍式結(jié)構(gòu)／強調(diào)形象
版式29三分頁面／版式簡潔
版式30作品展示／突出形象
版式31三列導(dǎo)航／強調(diào)形象
版式32分散排列／布局規(guī)整
版式33導(dǎo)航居中／不規(guī)則分布
版式34圖文對稱／布局充實
版式35環(huán)繞導(dǎo)航／內(nèi)容豐滿
版式36右側(cè)導(dǎo)航／版式簡潔
版式37左側(cè)導(dǎo)航／結(jié)構(gòu)清晰
Lesson 06 各類網(wǎng)站的版式風(fēng)格
Section 1娛樂類網(wǎng)站
Section 2體育類網(wǎng)站
Section 3時尚類網(wǎng)站
Section 4經(jīng)濟類網(wǎng)站
Section 5旅游類網(wǎng)站
Section 6教育類網(wǎng)站
Section 7藝術(shù)類網(wǎng)站
Section 8企業(yè)類網(wǎng)站
Section 9醫(yī)藥類網(wǎng)站
Section 10兒童類網(wǎng)站
Section 11飲食類網(wǎng)站
Section 12數(shù)碼類網(wǎng)站
Lesson 07 網(wǎng)頁版式風(fēng)格實戰(zhàn)分析
Section 1工程建設(shè)公司網(wǎng)站
Section 2健康蔬菜網(wǎng)站
Section 3搜索網(wǎng)站
Section 4體育網(wǎng)站
Section 5商務(wù)網(wǎng)站
Section 6動漫網(wǎng)站
Section 7教育培訓(xùn)網(wǎng)站
Section 8手機網(wǎng)站
Section 9科技網(wǎng)站
Section 10兒童用品網(wǎng)站
Lesson 08 60種經(jīng)典版式格局
使用說明
版式圖解
附錄優(yōu)秀版式設(shè)計網(wǎng)址
旅游類
門戶類
B2C類
教育類
卡通及圖標(biāo)類
設(shè)計類
汽車類
裝飾類
購物類
美容類
房產(chǎn)家居類
時尚類
數(shù)碼類
其他類