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

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