新銳網(wǎng)頁色彩與版式搭配案例指南

Lesson 01 網(wǎng)頁版式設(shè)計(jì)的藝術(shù)
Section 1 概述
Section 2 設(shè)計(jì)前的考慮
用戶
內(nèi)容
瀏覽器
聯(lián)機(jī)狀況
規(guī)劃
互動(dòng)
Section 3 設(shè)計(jì)步驟
確定主題
門戶類網(wǎng)站
企業(yè)類網(wǎng)站
個(gè)人網(wǎng)站
收集素材
文字
圖片
確定布局元素
頁面的整體尺寸
頁頭和頁腳
多媒體
圖形圖像軟件的輔助
Lesson 02 版式設(shè)計(jì)的定義和原則
Section 1 最佳的訴求效果
首頁設(shè)計(jì)
分類方式
點(diǎn)構(gòu)圖
線構(gòu)圖
面構(gòu)圖
有機(jī)的結(jié)合
Section 2 基本的視覺元素
Logo
導(dǎo)航欄
圖片與Flash動(dòng)畫廣告
全尺寸帶導(dǎo)航欄barlner
全尺寸banner
半尺寸barlner
頁面背景
Section 3 鮮明的風(fēng)格和特色
平面風(fēng)格
矢量風(fēng)格
像素風(fēng)格
三維風(fēng)格
大膽留白
頁面缺損
Section 4 為內(nèi)容配備完美的形式
文化教育類網(wǎng)站
娛樂類網(wǎng)站
Lesson 03 豐富多彩的版式類型
Section 1 基本的版式設(shè)計(jì)類型
上下分割型
左右分割型
Section 2 富有個(gè)性的版式設(shè)計(jì)類型
半包圍型
全包圍型
自由型
Section 3 版式的情感
細(xì)致的
靈活的
大氣的
嚴(yán)謹(jǐn)?shù)?br /> 簡(jiǎn)單的
優(yōu)雅的
穩(wěn)定的
Lessorl 04 各類別網(wǎng)站的版式設(shè)計(jì)
Section 1 建筑網(wǎng)站
Section 2 科教網(wǎng)站
Section 3 新聞媒體網(wǎng)站
Section 4 體育網(wǎng)站
Section 5 藝術(shù)網(wǎng)站
Section 6 影視網(wǎng)站
Section 7 汽車網(wǎng)站
Section 8 化妝品網(wǎng)站
Section 9 數(shù)碼產(chǎn)品網(wǎng)站
Section 10 金融網(wǎng)站
Section 11 飲食網(wǎng)站
Section 12 服飾網(wǎng)站
Section 13 醫(yī)療服務(wù)網(wǎng)站
Lesson 05 分析頁面的版式風(fēng)格
Section 1 韓國(guó)餐飲網(wǎng)站
Section 2 韓國(guó)女性網(wǎng)站
Section 3 韓國(guó)電影網(wǎng)站
Section 4 法國(guó)糖果網(wǎng)站
Section 5 韓國(guó)飲料網(wǎng)站
Section 6 韓國(guó)兒童護(hù)理網(wǎng)站
Section 7 韓國(guó)化妝品網(wǎng)站
Section 8 瑞士新聞網(wǎng)站
Section 9 韓國(guó)食品網(wǎng)站
Section10 韓國(guó)數(shù)碼網(wǎng)站
Lesson 06 色彩基礎(chǔ)知識(shí)
Section 1 色彩的三要素
色相
明度
純度
Section 2 色調(diào)
暖色調(diào)
冷色調(diào)
中性色調(diào)
Section 3 對(duì)比與調(diào)和
明度的對(duì)比與調(diào)和
純度的對(duì)比與調(diào)和
色相的對(duì)比與調(diào)和
Lesson 07 色彩心理
Section 1 顏色表情
紅色
橙色
黃色
綠色
青色
藍(lán)色
紫色
黑色與白色
灰色
Section 2 色彩感覺
穩(wěn)定的
卡通的
柔美的
輝煌的
純凈的
健康的
煩躁的
典雅的
冷酷的
輕松的
寧靜的
Lesson 08 各類別網(wǎng)站的色彩設(shè)計(jì)
Section 1 建筑網(wǎng)站
Section 2 科學(xué)教育網(wǎng)站
Section 3 新聞媒體網(wǎng)站
Section 4 體育網(wǎng)站
Section 5 藝術(shù)網(wǎng)站
Section 6 影視網(wǎng)站
Section 7 汽車網(wǎng)站
Section 8 家居百貨網(wǎng)站
Section 9 金融網(wǎng)站
Section 10 飲食網(wǎng)站
Section 11 服飾網(wǎng)站
Lessorl 09 分析頁面的色彩風(fēng)格
Section 1 韓國(guó)家居網(wǎng)站
Section 2 韓國(guó)教育網(wǎng)站
Section 3 韓國(guó)美食網(wǎng)站
Section 4 法國(guó)時(shí)尚網(wǎng)站
Section 5 韓國(guó)娛樂網(wǎng)站
Section 6 韓國(guó)生活網(wǎng)站
Section 7 韓國(guó)旅游網(wǎng)站
Section 8 韓國(guó)民俗文化網(wǎng)站
Section 9 韓國(guó)飲料網(wǎng)站
Section 10 英國(guó)科技網(wǎng)站
Lesson 10 色彩與版式綜合案例
Section 1 女性飾品網(wǎng)站
Section 2 兒童卡通網(wǎng)站
Section 3 娛樂魔術(shù)網(wǎng)站
Section 4 藝術(shù)繪畫網(wǎng)站
Section 5 休閑度假網(wǎng)站
Section 6 咖啡飲品網(wǎng)站
Section 7 環(huán)境保護(hù)網(wǎng)站
Section 8 生活家電網(wǎng)站
附錄 網(wǎng)站版式與配色辭典
附錄A 網(wǎng)站版式辭典
附錄B 網(wǎng)站配色辭典