新銳網(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導航的方向
垂直導航
橫排導航
傾斜導航
亂序導航
Section 3導航的位置
頂部導航
底部導航
左側導航
右側導航
中心導航
Section 4導航的風格表現(xiàn)
規(guī)矩的
另類的
卡通的
醒目的
形象的
流動的
活躍的
大氣的
古樸的
Lesson 03 版式風格設計
Senion1版式空間
頁面所處的空間
標題空間
形象空間
信息空間
空間分組
多維空間
Section 2版式的印象表情
藝術的
穩(wěn)定的
簡潔的
炫酷的
直觀的
大氣的
嚴謹?shù)?br />動感的
隨意的
夸張的
趣味的
細膩的
Senion3視覺元素的版式組織
元素大小
元素數(shù)量
元素的分布
元素的質感
元素的節(jié)奏感
線條元素
Section 4版式風格設計分析
不同的版式風格
在線教育展示頁面
公司形象展示頁面
個人網(wǎng)站展示頁面
購物網(wǎng)站展示頁面
汽車服務網(wǎng)站展示頁面
藝術視覺展示頁面
LG網(wǎng)站展示頁面
SUNGJOO網(wǎng)站展示頁面
生活用品展示頁面
服飾展示頁面
Lesson 04 版式格局設計
Section 1按信息量劃分版式格局
檢索型
準檢索型
均衡型
印象型
省略導航型
Section 2版式結構類型
水平均勻
水平不均勻
水平多重
水平變動
垂直均勻
垂直不均勻
垂直多重
垂直變動
交叉劃分
曲線劃分
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 各種類型的版式結構
版式01環(huán)繞導航／強調(diào)形象／適當留白
版式02導航置頂／表現(xiàn)形象／適當留白
版式03雙側導航／版式均衡
版式04突出形象／適當留白
版式05突出主題／結構清晰／簡明扼要
版式06版式豐滿／突出形象
版式07對角導航／形象分割
版式08導航居中／內(nèi)容豐滿
版式09突出形象／正文對稱
版式10導航居右／突出形象
版式11形象簡約／導航明確
版式12結構自由／布局分散
版式13結構簡單／左右分割
版式14導航呼應／內(nèi)容豐滿
版式15系列導航／分塊內(nèi)容
版式16“匡”字結構／強調(diào)形象
版式17導航居中／背景廣闊
版式18三項導航包圍／內(nèi)容分塊
版式19“川”字結構／強調(diào)形象
版式20角落導航／版面簡潔
版式21多位置導航／不對稱平衡
版式22縱向雙重導航／突出形象
版式23橫向雙重導航／版式豐滿
版式24分散不均衡／版式靈活
版式25形象主導／導航輔助
版式26畫廊展示／空間較大
版式27重復結構／版式均衡
版式28包圍式結構／強調(diào)形象
版式29三分頁面／版式簡潔
版式30作品展示／突出形象
版式31三列導航／強調(diào)形象
版式32分散排列／布局規(guī)整
版式33導航居中／不規(guī)則分布
版式34圖文對稱／布局充實
版式35環(huán)繞導航／內(nèi)容豐滿
版式36右側導航／版式簡潔
版式37左側導航／結構清晰
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ù)碼類
其他類