Photoshop網(wǎng)頁設(shè)計與配色從新手到高手

目錄
 
 
第1章　網(wǎng)頁界面設(shè)計概述
1.1　了解網(wǎng)頁界面設(shè)計
1.2　了解網(wǎng)站頁面布局
1.2.1　網(wǎng)站頁面布局的目的
1.2.2　網(wǎng)站頁面布局的原則
1.3　根據(jù)整體內(nèi)容位置決定的網(wǎng)頁視覺布局
1.3.1　PC網(wǎng)頁界面布局分類
1.3.2　手機網(wǎng)頁界面布局分類
1.4　如何制作出優(yōu)秀的網(wǎng)頁界面
1.5　網(wǎng)頁設(shè)計師如何自我提升
1.5.1　形狀/輪廓
1.5.2　美術(shù)基礎(chǔ)
1.5.3　色彩識別
1.5.4　引導(dǎo)視覺
1.6　如何設(shè)計出更加友好的界面
1.7　網(wǎng)頁設(shè)計的基本要素
 第2章　網(wǎng)頁界面設(shè)計基礎(chǔ)
2.1　了解網(wǎng)站設(shè)計
2.1.1　什么是網(wǎng)站設(shè)計
2.1.2　網(wǎng)站設(shè)計特點
2.2　網(wǎng)站設(shè)計構(gòu)成元素
2.2.1　文字
2.2.2　圖形符號
2.2.3　圖像
2.2.4　多媒體
2.3　網(wǎng)站設(shè)計原則
2.3.1　視覺美觀
2.3.2　主題明確
2.3.3　內(nèi)容與形式統(tǒng)一
2.3.4　有機的整體
2.3.5　PC網(wǎng)頁界面與手機界面的不同
2.4　網(wǎng)頁界面設(shè)計的原則
2.5　網(wǎng)頁界面設(shè)計師如何展示自身價值
2.6　網(wǎng)頁界面設(shè)計的流程
 第3章　網(wǎng)頁界面設(shè)計的色彩理論
3.1　色彩意象
3.2　色彩的重要性
3.2.1　色彩的物理效應(yīng)   
3.2.2　色彩的心理反應(yīng)   
3.3　色彩的屬性
3.3.1　色彩的分類
3.3.2　色相
3.3.3　明度
3.3.4　飽和度
3.3.5　色調(diào)
3.4　色彩的搭配原則
3.4.1　色相配色
3.4.2　色調(diào)配色
3.4.3　明度配色
使用Kuler配色?3.5
3.6　找到完美的色彩搭配
3.7　色彩在UI設(shè)計中的作用
3.8　制作配色卡
 第4章　Photoshop制作網(wǎng)頁編輯操作工具
4.1　Photoshop的工作界面
4.1.1　了解工作界面
4.1.2　了解工具箱
4.1.3　了解選項欄
4.1.4　了解狀態(tài)欄
4.1.5　了解面板
4.2　Photoshop的路徑與矢量圖形
4.2.1　了解繪圖模式
4.2.2　了解路徑與錨點的特征
4.2.3　熟悉“路徑”面板
4.3　實例：用畫筆描邊路徑
4.4　實例：創(chuàng)建曲線路徑并轉(zhuǎn)換為選區(qū)
4.5　編輯路徑
4.5.1　選擇與移動錨點、路徑段和路徑
4.5.2　添加或刪除錨點
4.5.3　改變錨點類型
4.5.4　方向線與方向點的用途
4.5.5　路徑的變換操作
4.5.6　對齊與分布路徑
4.6　繪制路徑
4.6.1　實例：繪制轉(zhuǎn)角曲線
4.6.2　“鋼筆工具”的選項欄
4.6.3　實例：創(chuàng)建自定義形狀
4.6.4　繪制基本形狀
4.6.5　使用“鋼筆工具”繪制中轉(zhuǎn)換折點
4.6.6　路徑快速轉(zhuǎn)換成選區(qū)的方法
 第5章　網(wǎng)頁界面的平面圖標制作
5.1　Home圖標制作
5.2　日歷圖標制作
5.3　錄音機圖標制作
5.4　文件夾圖標制作
5.5　徽章圖形
5.6　秒表圖形
第6章　網(wǎng)頁界面設(shè)計的字效表現(xiàn)
6.1　星星字體
6.2　炫酷藍色金屬字體
6.3　立體巖石材質(zhì)字體制作
 第7章　網(wǎng)頁元素設(shè)計技巧
7.1　登錄界面
7.2　設(shè)置界面開關(guān)
7.3　通知列表界面
7.4　日歷界面
 第8章　網(wǎng)頁版式設(shè)計經(jīng)典案例：色系
8.1　黃色系列頁面設(shè)計
8.1.1　黃色色彩搭配的象征意義
8.1.2　黃色頁面設(shè)計案例——校服品牌
8.2　綠色系列頁面設(shè)計
8.2.1　綠色色彩搭配的象征意義
8.2.2　綠色頁面設(shè)計案例——多彩時尚
8.3　紅色系列頁面設(shè)計
8.3.1　紅色色彩搭配的象征意義
8.3.2　紅色頁面設(shè)計案例——順滑絲巾
8.4　藍色系列頁面設(shè)計
8.4.1　藍色色彩搭配的象征意義
8.4.2　藍色頁面設(shè)計案例——家電主頁
8.5　紫色系列頁面設(shè)計
8.5.1　紫色色彩搭配的象征意義
8.5.2　紫色頁面設(shè)計案例——電茶壺廣告頁面
8.6　灰色系列頁面設(shè)計
8.6.1　灰色色彩搭配技巧
8.6.2　灰色頁面設(shè)計案例——旅行頁面
8.7　黑色系列頁面設(shè)計
8.7.1　黑色色彩搭配技巧
8.7.2　黑色頁面設(shè)計案例——旅行頁面
第9章　網(wǎng)頁配色設(shè)計經(jīng)典案例：行業(yè)
9.1　慶典網(wǎng)頁配色設(shè)計
9.2　服飾網(wǎng)頁配色設(shè)計
9.3　箱包網(wǎng)頁配色設(shè)計
9.4　珠寶網(wǎng)頁配色設(shè)計
9.5　調(diào)味品網(wǎng)頁配色設(shè)計
9.6　活動網(wǎng)頁配色設(shè)計
9.7　玩具網(wǎng)頁配色設(shè)計
9.8　婚紗網(wǎng)頁配色設(shè)計
第10章　H5手機網(wǎng)頁整體設(shè)計
10.1　安卓手機整體頁面設(shè)計
10.2　蘋果手機整體頁面設(shè)計
10.3　微軟手機整體頁面設(shè)計
10.4　極簡風(fēng)格頁面設(shè)計