美工與創(chuàng)意

第1章 網(wǎng)頁(yè)設(shè)計(jì)基本理論
1.1 網(wǎng)頁(yè)設(shè)計(jì)概述
1.2 網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)成要素及特性
1.2.1 網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)成要素
1.2.2 網(wǎng)頁(yè)設(shè)計(jì)的特性
1.3 網(wǎng)頁(yè)設(shè)計(jì)的定位
1.3.1 網(wǎng)頁(yè)設(shè)計(jì)定位
1.3.2 網(wǎng)頁(yè)的類(lèi)型
1.4 網(wǎng)頁(yè)美工與設(shè)計(jì)流程
1.4.1 網(wǎng)頁(yè)美工的需求
1.4.2 網(wǎng)頁(yè)設(shè)計(jì)流程
第2章 網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)
2.1 網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意思維
2.1.1 什么是創(chuàng)意
2.1.2 創(chuàng)意思維的原則
2.1.3 創(chuàng)意過(guò)程
2.2 網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意方法
2.2.1 富于聯(lián)想
2.2.2 巧用對(duì)比
2.2.3 大膽夸張
2.2.4 趣味幽默
2.2.5 擅用比喻
2.2.6 巧設(shè)懸念
2.2.7 以小見(jiàn)大
2.2.8 以人為本
2.2.9 偶像崇拜
2.2.10 古典傳統(tǒng)
2.2.11 流行時(shí)尚
2.2.12 神奇迷幻
2.2.13 合理綜合
第3章 網(wǎng)頁(yè)圖形圖像設(shè)計(jì)
3.1 網(wǎng)頁(yè)圖形圖像設(shè)計(jì)的構(gòu)成要素
3.1.1 圖形圖像在網(wǎng)頁(yè)中的應(yīng)用
3.1.2 構(gòu)成要素——點(diǎn)、線(xiàn)、面
3.2 網(wǎng)頁(yè)圖形圖像的創(chuàng)意設(shè)計(jì)
3.2.1 圖形圖像創(chuàng)意設(shè)計(jì)原則
3.2.2 圖形圖像創(chuàng)意設(shè)計(jì)方法
3.3 網(wǎng)頁(yè)圖形圖像處理實(shí)例
3.3.1 網(wǎng)頁(yè)圖形圖像設(shè)計(jì)形式
3.3.2 網(wǎng)頁(yè)圖形圖像處理方法
第4章 網(wǎng)頁(yè)文字編排設(shè)計(jì)
4.1 網(wǎng)頁(yè)字體與字體編排
4.1.1 網(wǎng)頁(yè)文字的形式
4.1.2 字體的使用
4.1.3 文字的大小
4.1.4 字體的粗細(xì)
4.1.5 字距與行距
4.1.6 特殊字體
4.2 文字編排的基本形式
4.2.1 文字編排方式
4.2.2 文字的強(qiáng)調(diào)
4.3 網(wǎng)頁(yè)文字設(shè)計(jì)方法
4.3.1 網(wǎng)頁(yè)文字設(shè)計(jì)技巧
4.3.2 網(wǎng)頁(yè)文字創(chuàng)意設(shè)計(jì)方法
第5章 網(wǎng)頁(yè)版式設(shè)計(jì)
5.1 網(wǎng)頁(yè)版式設(shè)計(jì)的形式原理
5.1.1 重復(fù)與交錯(cuò)
5.1.2 節(jié)奏與韻律
5.1.3 對(duì)稱(chēng)與均衡
5.1.4 對(duì)比與調(diào)和
5.1.5 比例與適度
5.1.6 變異與秩序
5.1.7 虛實(shí)與留白
5.1.8 力場(chǎng)與結(jié)構(gòu)
5.1.9 變化與統(tǒng)一
5.2 網(wǎng)頁(yè)版式設(shè)計(jì)的視覺(jué)因素
5.2.1 符合視覺(jué)規(guī)律
5.2.2 避免視覺(jué)疲勞
5.2.3 注重主從關(guān)系
5.2.4 合理視覺(jué)流程
5.2.5 一致導(dǎo)航
5.3 網(wǎng)頁(yè)版式構(gòu)成的類(lèi)型
5.3.1 骨骼型
5.3.2 國(guó)字型
5.3.3 拐角型
5.3.4 框架型
5.3.5 滿(mǎn)版型
5.3.6 分割型
5.3.7 中軸型
5.3.8 流線(xiàn)型
5.3.9 傾斜型
5.3.10 對(duì)稱(chēng)型
5.3.11 焦點(diǎn)型
5.3.12 自由型
5.4 網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)
5.4.1 網(wǎng)頁(yè)導(dǎo)航分類(lèi)
5.4.2 導(dǎo)航位置
5.4.3 導(dǎo)航方向
5.4.4 顯示當(dāng)前位置的導(dǎo)航信息
第6章 網(wǎng)頁(yè)色彩的設(shè)計(jì)
6.1 認(rèn)識(shí)色彩
6.1.1 色彩的相關(guān)概念
6.1.2 色彩的對(duì)比
6.1.3 色彩的調(diào)和
6.2 色彩的心理效應(yīng)
6.2.1 黑白灰系列
6.2.2 七大色系
6.3 確定網(wǎng)站的主題色
6.3.1 網(wǎng)站的色調(diào)
6.3.2 主色
6.3.3 輔色
6.3.4 背景色
6.4 網(wǎng)頁(yè)色彩搭配方法
6.4.1 網(wǎng)頁(yè)配色準(zhǔn)則
6.4.2 網(wǎng)頁(yè)配色技巧
6.4.3 網(wǎng)頁(yè)元素色彩搭配
第7章 Photoshop網(wǎng)頁(yè)效果圖設(shè)計(jì)
7.1 網(wǎng)頁(yè)標(biāo)志設(shè)計(jì)
7.1.1 標(biāo)志創(chuàng)意分析
7.1.2 網(wǎng)頁(yè)上部背景設(shè)計(jì)
7.1.3 標(biāo)志曲線(xiàn)造型
7.1.4 標(biāo)志上色描邊
7.1.5 網(wǎng)站名稱(chēng)設(shè)計(jì)
7.2 網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)
7.2.1 導(dǎo)航背景設(shè)計(jì)
7.2.2 導(dǎo)航文字的設(shè)計(jì)
7.3 主頁(yè)欄目設(shè)計(jì)
7.3.1 網(wǎng)頁(yè)主圖的設(shè)計(jì)
7.3.2 網(wǎng)頁(yè)底部的設(shè)計(jì)
7.3.3 信息中心欄目的設(shè)計(jì)
7.3.4 熱點(diǎn)鏈接欄目設(shè)計(jì)
7.3.5 認(rèn)證欄目設(shè)計(jì)
7.4 子頁(yè)效果圖設(shè)計(jì)
7.4.1 子頁(yè)主圖設(shè)計(jì)
7.4.2 左側(cè)導(dǎo)航設(shè)計(jì)
7.4.3 右側(cè)內(nèi)容的設(shè)計(jì)
7.5 Fireworks網(wǎng)頁(yè)圖像切片制作
7.5.1 圖像切片的作用
7.5.2 圖像切片制作
7.5.3 優(yōu)化圖像切片
7.5.4 導(dǎo)出圖像切片
7.5.5 欄目文字圖形切片的技巧
第8章 Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)
8.1 建立網(wǎng)站
8.1.1 建立站點(diǎn)
8.1.2 創(chuàng)建文件和文件夾
8.1.3 頁(yè)面設(shè)置
8.1.4 HTML源代碼
8.2 利用表格排版
8.2.1 表格的基本操作
8.2.2 表格的HTML代碼
8.2.3 表格排版實(shí)例
8.3 建立超鏈接
8.3.1 內(nèi)部鏈接
8.3.2 外部鏈接
8.3.3 電子郵件鏈接
8.3.4 錨點(diǎn)鏈接
8.3.5 熱點(diǎn)鏈接
8.4 CSS樣式應(yīng)用
8.4.1 定義CSS樣式
8.4.2 應(yīng)用CSS樣式
8.4.3 修改CSS樣式
8.4.4 變化的超鏈接
8.4.5 使用外部CSS
8.5 模板的應(yīng)用
8.5.1 創(chuàng)建模板
8.5.2 創(chuàng)建基于模板的網(wǎng)頁(yè)
8.5.3 應(yīng)用模板到頁(yè)
8.5.4 更新模板及網(wǎng)頁(yè)
8.6 建立框架網(wǎng)頁(yè)
8.6.1 準(zhǔn)備框架網(wǎng)頁(yè)
8.6.2 新建框架組織網(wǎng)頁(yè)
8.6.3 設(shè)置框架樣式
8.6.4 設(shè)置框架超鏈接
8.7 信息表單
8.7.1 插入表單
8.7.2 插入文本字段
8.7.3 插入單選和復(fù)選框
8.7.4 插入列表和菜單
8.7.5 插入文件域
8.7.6 插入按鈕
第9章 FIash網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)
9.1 網(wǎng)頁(yè)動(dòng)畫(huà)的基本理論
9.1.1 網(wǎng)頁(yè)動(dòng)畫(huà)的特點(diǎn)
9.1.2 網(wǎng)頁(yè)動(dòng)畫(huà)種類(lèi)
9.1.3 網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)原則
9.1.4 常見(jiàn)動(dòng)畫(huà)設(shè)計(jì)效果
9.2 基本動(dòng)畫(huà)設(shè)計(jì)
9.2.1 FlashCS3軟件界面
9.2.2 幀的類(lèi)型
9.2.3 制作逐幀動(dòng)畫(huà)
9.2.4 制作運(yùn)動(dòng)動(dòng)畫(huà)
9.2.5 制作形狀動(dòng)畫(huà)
9.2.6 制作遮罩動(dòng)畫(huà)
9.2.7 制作引導(dǎo)層動(dòng)畫(huà)
9.2.8 制作影片剪輯動(dòng)畫(huà)
9.3 Flash網(wǎng)頁(yè)廣告設(shè)計(jì)
9.3.1 布置舞臺(tái)
9.3.2 演員化妝
9.3.3 進(jìn)行導(dǎo)演
9.3.4 排練預(yù)演
9.3.5 優(yōu)化動(dòng)畫(huà)
9.4 Flash導(dǎo)航設(shè)計(jì)
9.4.1 舞臺(tái)搭建
9.4.2 插入圖形元件
9.4.3 插入影片剪輯元件
9.4.4 插入導(dǎo)航文字圖形
9.4.5 插入按鈕
9.4.6 演員登場(chǎng)
9.4.7 動(dòng)作設(shè)置
第10章 綜合網(wǎng)頁(yè)設(shè)計(jì)實(shí)例
10.1 風(fēng)尚志網(wǎng)頁(yè)設(shè)計(jì)
10.1.1 網(wǎng)頁(yè)藝術(shù)創(chuàng)意
10.1.2 網(wǎng)頁(yè)效果圖設(shè)計(jì)
10.1.3 Fireworks效果圖切片
10.1.4 Dreamweaver網(wǎng)頁(yè)版式編排
10.1.5 Flash動(dòng)畫(huà)設(shè)計(jì)
10.2 Flash全站設(shè)計(jì)
10.2.1 準(zhǔn)備素材元件
10.2.2 設(shè)計(jì)動(dòng)畫(huà)
10.2.3 設(shè)置按鈕動(dòng)作
10.2.4 設(shè)置背景音樂(lè)
參考文獻(xiàn)