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

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