Photoshop 網(wǎng)頁設(shè)計與配色 標準教程

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