Photoshop 網(wǎng)頁(yè)設(shè)計(jì)與配色 標(biāo)準(zhǔn)教程

目 錄 第1章 Photoshop CC網(wǎng)頁(yè)設(shè)計(jì) 11.1 認(rèn)識(shí)網(wǎng)頁(yè) 11.1.1 網(wǎng)頁(yè)界面 11.1.2 網(wǎng)頁(yè)設(shè)計(jì)的審美感 41.1.3 網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)性 51.2 網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用 61.2.1 網(wǎng)頁(yè)圖像管理 61.2.2 網(wǎng)頁(yè)設(shè)計(jì)流程簡(jiǎn)介 91.2.3 網(wǎng)站策劃 111.3 思考與練習(xí) 15第2章 網(wǎng)頁(yè)圖像設(shè)計(jì) 172.1 圖層的應(yīng)用 172.1.1 認(rèn)識(shí)圖層面板 172.1.2 圖層基礎(chǔ)操作 182.1.3 圖層樣式類型 222.1.4 圖層樣式編輯和應(yīng)用 282.1.5 圖層混合模式 302.2 選區(qū)與填充 322.2.1 認(rèn)識(shí)選區(qū) 332.2.2 編輯選區(qū) 342.2.3 純色填充和漸變色填充 362.2.4 圖案填充 372.3 文字與路徑 382.3.1 創(chuàng)建文字 382.3.2 文字編輯 382.3.3 創(chuàng)建與編輯沿路徑排列文字 402.3.4 認(rèn)識(shí)路徑 402.3.5 創(chuàng)建與調(diào)整路徑 422.3.6 路徑的描邊和填充 452.4 濾鏡的應(yīng)用 472.4.1 認(rèn)識(shí)濾鏡 472.4.2 編輯濾鏡 482.4.3 濾鏡的分類 492.4.4 常用濾鏡效果 492.5 案例實(shí)戰(zhàn)：漂亮的導(dǎo)航按鈕 512.6 案例實(shí)戰(zhàn)：投影文字 532.7 思考與練習(xí) 54第3章 Photoshop CC網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì) 563.1 動(dòng)畫(huà)面板 563.1.1 幀動(dòng)畫(huà)面板 573.1.2 時(shí)間軸動(dòng)畫(huà)面板 583.2 逐幀與過(guò)渡動(dòng)畫(huà) 593.2.1 認(rèn)識(shí)和創(chuàng)建逐幀動(dòng)畫(huà) 593.2.2 認(rèn)識(shí)和創(chuàng)建過(guò)渡動(dòng)畫(huà) 603.2.3 過(guò)渡動(dòng)畫(huà)類型 603.3 時(shí)間軸動(dòng)畫(huà) 633.3.1 普通圖層時(shí)間軸動(dòng)畫(huà) 633.3.2 文本圖層時(shí)間軸動(dòng)畫(huà) 643.3.3 蒙版圖層時(shí)間軸動(dòng)畫(huà) 663.4 為動(dòng)畫(huà)添加音頻和視頻 693.4.1 添加并編輯音頻 693.4.2 添加并編輯視頻 703.5 渲染視頻 713.6 案例實(shí)戰(zhàn)：下雪動(dòng)畫(huà) 723.7 案例實(shí)戰(zhàn)：寫(xiě)字動(dòng)畫(huà) 753.8 思考與練習(xí) 78第4章 切片并導(dǎo)出網(wǎng)頁(yè)文件 794.1 創(chuàng)建與編輯切片 794.1.1 創(chuàng)建切片 794.1.2 選擇并調(diào)整和移動(dòng)切片 804.1.3 劃分切片 814.1.4 組合和刪除切片 824.1.5 轉(zhuǎn)化為用戶切片 834.1.6 設(shè)置切片選項(xiàng) 844.2 編輯Web文件 854.2.1 快速導(dǎo)出可放大瀏覽Web文件 854.2.2 優(yōu)化與導(dǎo)出Web圖像 864.3 切片和導(dǎo)出要點(diǎn) 884.4 案例實(shí)戰(zhàn)：餐飲網(wǎng)站首頁(yè)切片 904.5 思考與練習(xí) 92第5章 網(wǎng)頁(yè)元素設(shè)計(jì) 935.1 網(wǎng)頁(yè)圖標(biāo)設(shè)計(jì) 935.1.1 圖標(biāo)概念 935.1.2 網(wǎng)頁(yè)圖標(biāo)的主要應(yīng)用 945.1.3 網(wǎng)頁(yè)圖標(biāo)設(shè)計(jì)原則 955.1.4 圖標(biāo)的保存格式 955.1.5 實(shí)戰(zhàn)案例：商務(wù)網(wǎng)站圖標(biāo)制作 955.2 網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì) 995.2.1 導(dǎo)航設(shè)計(jì)原則和技巧 995.2.2 導(dǎo)航樣式 1015.2.3 網(wǎng)頁(yè)導(dǎo)航優(yōu)化方向 1035.2.4 導(dǎo)航條設(shè)計(jì)欣賞 1045.2.5 案例實(shí)戰(zhàn)：導(dǎo)航條設(shè)計(jì)案例1 1055.3 網(wǎng)頁(yè)廣告設(shè)計(jì) 1085.3.1 網(wǎng)絡(luò)廣告形式 1085.3.2 網(wǎng)頁(yè)廣告設(shè)計(jì)技巧 1095.3.3 案例實(shí)戰(zhàn)：橫幅動(dòng)畫(huà)廣告 1115.3.4 案例實(shí)戰(zhàn)：彈出式窗口動(dòng)畫(huà)廣告 1165.4 特效文字在網(wǎng)頁(yè)中的應(yīng)用 1215.4.1 特效文字在網(wǎng)頁(yè)中的應(yīng)用 1215.4.2 射線字 1235.4.3 火焰字 1255.4.4 金屬字 1295.4.5 珠寶字 1305.4.6 糖果字 1335.5 思考與練習(xí) 138第6章 網(wǎng)頁(yè)色彩知識(shí) 1396.1 網(wǎng)頁(yè)色彩 1396.1.1 認(rèn)識(shí)網(wǎng)頁(yè)色彩 1396.1.2 216網(wǎng)頁(yè)安全色 1396.2 色彩的理論 1416.2.1 色彩與視覺(jué)原理 1416.2.2 色彩的三要素 1426.2.3 色彩的混合原理 1446.3 網(wǎng)頁(yè)配色 1466.3.1 網(wǎng)頁(yè)自定義顏色 1466.3.2 色彩采集 1476.3.3 色彩推移 1516.3.4 色調(diào)變化 1536.4 色彩模式的管理 1586.4.1 認(rèn)識(shí)色彩模式 1586.4.2 色彩模式轉(zhuǎn)換 1616.5 思考與練習(xí) 162第7章 網(wǎng)頁(yè)色彩情感解碼 1637.1 網(wǎng)頁(yè)色彩分析 1637.1.1 色相情感 1637.1.2 色調(diào)聯(lián)想 1697.1.3 色彩知覺(jué) 1707.2 網(wǎng)頁(yè)色彩搭配方法 1727.2.1 色彩對(duì)比 1727.2.2 色彩調(diào)和 1767.2.3 色彩呼應(yīng) 1787.2.4 色彩平衡 1787.2.5 色彩重點(diǎn) 1807.3 思考與練習(xí) 181第8章 色彩于網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用 1828.1 網(wǎng)頁(yè)中的色彩分類 1828.1.1 靜態(tài)色彩 1828.1.2 動(dòng)態(tài)色彩 1838.1.3 強(qiáng)調(diào)色彩 1848.2 網(wǎng)頁(yè)色彩規(guī)則 1858.2.1 網(wǎng)站整體色彩規(guī)則 1858.2.2 網(wǎng)頁(yè)色彩搭配規(guī)律 1878.2.3 網(wǎng)頁(yè)各要素的色彩搭配 1898.3 網(wǎng)站色彩分析 1918.3.1 網(wǎng)頁(yè)主題與色彩調(diào)配 1918.3.2 網(wǎng)站風(fēng)格與色彩搭配 1948.3.3 同色調(diào)的不同風(fēng)格網(wǎng)站 1958.4 思考與練習(xí) 198第9章 網(wǎng)頁(yè)設(shè)計(jì)趨向 1999.1 超長(zhǎng)網(wǎng)頁(yè)和冷色調(diào)、鮮艷顏色的使用 1999.1.1 超長(zhǎng)網(wǎng)頁(yè) 1999.1.2 冷色調(diào)和鮮艷顏色的使用被廣泛接受 1999.2 更趨向雜志化和視覺(jué)滾動(dòng) 2009.2.1 更趨向雜志化 2009.2.2 視差滾動(dòng) 2009.3 注重閱讀體驗(yàn)和自定義個(gè)性化圖標(biāo) 2029.3.1 注重閱讀體驗(yàn) 2029.3.2 自定義個(gè)性化圖標(biāo) 2029.4 分層結(jié)構(gòu)設(shè)計(jì)和響應(yīng)式設(shè)計(jì) 2039.4.1 分層結(jié)構(gòu)設(shè)計(jì) 2039.4.2 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì) 2039.5 扁平化設(shè)計(jì)和去Flash設(shè)計(jì) 2049.5.1 扁平化設(shè)計(jì) 2049.5.2 去Flash設(shè)計(jì) 2049.6 思考與練習(xí) 204第10章 網(wǎng)頁(yè)版面設(shè)計(jì) 20610.1 網(wǎng)頁(yè)版面文字 20610.1.1 字體與字號(hào) 20610.1.2 行距與文字背景 20710.2 網(wǎng)頁(yè)版面結(jié)構(gòu)布局 21010.2.1 拐角型網(wǎng)頁(yè)布局 21010.2.2 “國(guó)”字型網(wǎng)頁(yè)布局 21110.2.3 左右框架型網(wǎng)頁(yè)布局 21110.2.4 上下框架型網(wǎng)頁(yè)布局 21110.2.5 封面型網(wǎng)頁(yè)布局 21110.2.6 綜合框架型網(wǎng)頁(yè)布局 21210.2.7 標(biāo)題正文型網(wǎng)頁(yè)布局 21210.2.8 Flash型網(wǎng)頁(yè)布局 21210.3 網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格 21310.3.1 主題設(shè)計(jì) 21310.3.2 極簡(jiǎn)主義 21510.3.3 插畫(huà)和素描設(shè)計(jì) 21510.3.4 以字體為主的設(shè)計(jì) 21610.3.5 紋理風(fēng)格設(shè)計(jì)和手制的 剪貼簿 21710.4 網(wǎng)頁(yè)版面構(gòu)成的藝術(shù)表現(xiàn) 21810.4.1 重復(fù)構(gòu)成 21910.4.2 漸變構(gòu)成 21910.4.3 空間構(gòu)成 22010.5 思考與練習(xí) 221第11章 藝術(shù)類網(wǎng)站設(shè)計(jì) 22211.1 藝術(shù)類網(wǎng)站概述 22211.1.1 表演藝術(shù) 22211.1.2 視覺(jué)藝術(shù) 22211.1.3 造型藝術(shù) 22311.1.4 語(yǔ)言藝術(shù) 22311.1.5 綜合藝術(shù) 22411.2 藝術(shù)類網(wǎng)站設(shè)計(jì) 22411.2.1 首頁(yè)制作 22411.2.2 動(dòng)態(tài)內(nèi)頁(yè)制作 22911.2.3 網(wǎng)站展示內(nèi)頁(yè)制作 23011.2.4 聯(lián)系方式內(nèi)頁(yè)制作 23011.3 思考與練習(xí) 231第12章 企業(yè)類網(wǎng)站設(shè)計(jì) 23312.1 企業(yè)類網(wǎng)站設(shè)計(jì)應(yīng)用 23312.1.1 明確創(chuàng)建網(wǎng)站的目的和 用戶需求 23312.1.2 總體設(shè)計(jì)方案主題鮮明 23412.1.3 網(wǎng)站的版式設(shè)計(jì) 23412.1.4 色彩在網(wǎng)頁(yè)設(shè)計(jì)中的 應(yīng)用 23512.1.5 多媒體功能的應(yīng)用 23512.1.6 內(nèi)容更新與溝通 23612.2 手機(jī)網(wǎng)站設(shè)計(jì) 23612.2.1 首頁(yè)設(shè)計(jì) 23612.2.2 內(nèi)頁(yè)布局設(shè)計(jì) 24212.2.3 網(wǎng)站文字信息頁(yè)設(shè)計(jì) 24312.2.4 網(wǎng)站圖像展示頁(yè)設(shè)計(jì) 24312.3 思考與練習(xí) 245第13章 餐飲類網(wǎng)站設(shè)計(jì) 24613.1 餐飲類網(wǎng)站類別 24613.1.1 餐飲門(mén)戶網(wǎng)站 24613.1.2 餐飲企業(yè)網(wǎng)站 24813.2 網(wǎng)站首頁(yè)制作 24913.2.1 網(wǎng)站標(biāo)志設(shè)計(jì) 24913.2.2 網(wǎng)頁(yè)導(dǎo)航與Banner制作 25113.2.3 網(wǎng)頁(yè)內(nèi)容和版尾制作 25213.3 企業(yè)理念頁(yè)與網(wǎng)上訂餐頁(yè)制作 25313.3.1 子頁(yè)導(dǎo)航與投票制作 25413.3.2 企業(yè)理念頁(yè)制作 25713.3.3 訂餐表單制作 25813.4 飲食內(nèi)容與特色佳肴頁(yè)制作 25813.5 思考與練習(xí) 259第14章 購(gòu)物類網(wǎng)站設(shè)計(jì) 26014.1 購(gòu)物類網(wǎng)站類別 26014.1.1 按商品活動(dòng)類型分類 26014.1.2 按商品類型分類 26114.2 鵬樂(lè)購(gòu)物網(wǎng)站首頁(yè)設(shè)計(jì) 26314.2.1 首頁(yè)布局設(shè)計(jì) 26314.2.2 內(nèi)容添加 26514.3 購(gòu)物網(wǎng)站內(nèi)頁(yè)設(shè)計(jì) 26714.3.1 內(nèi)頁(yè)布局設(shè)計(jì) 26714.3.2 圖像展示頁(yè)設(shè)計(jì) 26914.3.3 文字信息頁(yè)導(dǎo)入 26914.4 思考與練習(xí) 270第15章 旅游類網(wǎng)站設(shè)計(jì) 27215.1 旅游類網(wǎng)站鑒賞 27215.1.1 旅游門(mén)戶網(wǎng) 27215.1.2 滑雪度假網(wǎng)站 27215.1.3 田園度假網(wǎng)站 27315.1.4 海邊度假風(fēng)光 27315.1.5 文化旅游網(wǎng)站 27415.1.6 航空公司網(wǎng)站 27515.1.7 酒店預(yù)訂網(wǎng)站 27515.1.8 度假村客房服務(wù) 27515.2 旅游網(wǎng)站設(shè)計(jì) 27615.2.1 頁(yè)面結(jié)構(gòu)設(shè)計(jì) 27615.2.2 頁(yè)面內(nèi)容設(shè)計(jì) 27715.2.3 度假網(wǎng)站概況頁(yè)設(shè)計(jì) 28015.2.4 風(fēng)景欣賞頁(yè)設(shè)計(jì) 28215.3 思考與練習(xí) 284第16章 休閑類網(wǎng)站設(shè)計(jì) 28516.1 休閑類網(wǎng)站概況 28516.1.1 休閑之時(shí)尚生活 28516.1.2 休閑之旅游 28516.1.3 休閑之美容 28616.1.4 休閑之健身 28616.1.5 休閑之服飾 28716.1.6 休閑之家居 28716.2 美容網(wǎng)站首頁(yè)設(shè)計(jì) 28716.2.1 首頁(yè)結(jié)構(gòu)設(shè)計(jì) 28816.2.2 信息內(nèi)容添加 28916.3 美容網(wǎng)站內(nèi)頁(yè)制作 29116.3.1 “Beauty 植物”頁(yè)制作 29216.3.2 商品展示頁(yè)制作 29316.3.3 文字信息頁(yè)制作 29416.4 思考與練習(xí) 295