Photoshop UI交互設(shè)計

1章　UI設(shè)計基礎(chǔ)　1 1.1　了解UI設(shè)計　2 1.1.1　什么是UI設(shè)計　2 1.1.2　常見的UI設(shè)計分類　2 1.1.3　導(dǎo)航欄和按鈕的設(shè)計要點　3 1.1.4　UI設(shè)計的重要性　4 1.1.5　了解交互的概念　5 1.2　數(shù)字化圖像的基礎(chǔ)　5 1.2.1　常見圖像格式　5 1.2.2　常見圖像模式　6 1.2.3　常見圖像類型　6 1.3　初識Photoshop CC　7 1.3.1　優(yōu)化配置Photoshop CC　8 1.3.2　文件的基本操作　8 1.3.3　圖像的變換　10 1.3.4　設(shè)置前景色和背景色　11 1.3.5　按鈕的應(yīng)用格式　16 1.3.6　實現(xiàn)不同的漸變效果　16 1.4　擴展練習(xí)　33 1.5　本章小結(jié)　33 第2章　圖標(biāo)設(shè)計　35 2.1　了解圖標(biāo)設(shè)計　36 2.1.1　什么是圖標(biāo)　36 2.1.2　圖標(biāo)設(shè)計的作用　36 2.1.3　圖標(biāo)設(shè)計的意義　36 2.2　圖標(biāo)設(shè)計的繪制原則　36 2.3　Photoshop圖層的基本操作　41 2.3.1　新建圖層　41 2.3.2　選擇圖層　42 2.3.3　復(fù)制、移動圖層　42 2.3.4　重命名圖層、刪除圖層　44 2.4　畫筆工具　50 2.4.1　預(yù)設(shè)畫筆工具　52 2.4.2　自定義畫筆筆觸　53 2.5　鋼筆工具　57 2.5.1　創(chuàng)建路徑　59 2.5.2　編輯路徑　59 2.5.3　路徑的變換操作　60 2.6　形狀工具　60 2.7　擴展練習(xí)　65 2.8　本章小結(jié)　65 第3章　網(wǎng)頁設(shè)計　67 3.1　了解網(wǎng)頁UI　68 3.1.1　什么是網(wǎng)頁設(shè)計　68 3.1.2　網(wǎng)頁設(shè)計的分類　68 3.2　網(wǎng)頁界面構(gòu)成元素　69 3.2.1　文字　69 3.2.2　圖像　69 3.2.3　色彩　70 3.2.4　多媒體　70 3.3　網(wǎng)頁設(shè)計的原則　70 3.3.1　視覺美觀性原則　70 3.3.2　主題突出原則　71 3.3.3　整體性原則　71 3.3.4　為用戶考慮原則　72 3.3.5　更新和維護原則　72 3.4　網(wǎng)頁界面布局形式　72 3.4.1　標(biāo)題型　72 3.4.2　左右框架型　73 3.4.3　上下框架型　73 3.4.4　綜合型　73 3.4.5　動畫型　73 3.4.6　圖片型　74 3.5　圖層的“不透明度”　79 3.6　圖層的“混合模式”　84 3.6.1　組合模式組　85 3.6.2　加深模式組　85 3.6.3　減淡模式組　85 3.6.4　對比模式組　86 3.7　蒙版的應(yīng)用　88 3.7.1　認識蒙版　89 3.7.2　蒙版的分類　89 3.7.3　蒙版的“屬性”面板　89 3.7.4　圖層蒙版　89 3.7.5　矢量蒙版　90 3.7.6　剪貼蒙版　90 3.7.7　移動復(fù)制蒙版　91 3.7.8　鏈接和取消鏈接蒙版　91 3.8　擴展練習(xí)　97 3.9　本章小結(jié)　98 第4章　軟件界面設(shè)計　100 4.1　軟件界面設(shè)計發(fā)展歷程　101 4.2　軟件界面設(shè)計簡介　101 4.2.1　軟件界面設(shè)計的標(biāo)準(zhǔn)　101 4.2.2　軟件界面設(shè)計的分類　101 4.3　軟件界面設(shè)計的原則　102 4.4　軟件界面設(shè)計中的屏幕設(shè)計　102 4.5　應(yīng)用圖層樣式　105 4.5.1　添加圖層樣式　105 4.5.2　“樣式”面板　106 4.5.3　導(dǎo)入外部樣式　106 4.5.4　顯示“樣式面板”的方式　107 4.6　設(shè)置混合選項　110 4.6.1　高級混合　110 4.6.2　混合顏色帶　111 4.7　文字工具的使用　114 4.7.1　認識文字工具　114 4.7.2　文字工具的選項欄　115 4.8　輸入文字　115 4.9　設(shè)置字符和段落屬性　115 4.9.1　“字符”面板　115 4.9.2　“段落”面板　116 4.10　編輯文字　117 4.10.1　將文字轉(zhuǎn)換為選區(qū)范圍　117 4.10.2　將文字轉(zhuǎn)換為路徑　117 4.10.3　將文字轉(zhuǎn)換為形狀　117 4.10.4　柵格化文字　117 4.11　擴展練習(xí)　121 4.12　本章小結(jié)　122 第5章　手機界面設(shè)計　124 5.1　手機界面設(shè)計的重要性　125 5.2　手機界面設(shè)計的要求　125 5.2.1　界面效果的整體性、一致性　125 5.2.2　界面效果的個性化　125 5.2.3　界面視覺元素的規(guī)范　126 5.3　手機界面設(shè)計的特征　126 5.4　手機界面設(shè)計的基本常識　126 5.4.1　常見手機顯示屏分辨率　127 5.4.2　手機界面的色彩級別　127 5.4.3　手機界面設(shè)