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

目 錄 第1章 Photoshop CC網(wǎng)頁設計 11.1 認識網(wǎng)頁 11.1.1 網(wǎng)頁界面 11.1.2 網(wǎng)頁設計的審美感 41.1.3 網(wǎng)頁設計的藝術性 51.2 網(wǎng)頁設計應用 61.2.1 網(wǎng)頁圖像管理 61.2.2 網(wǎng)頁設計流程簡介 91.2.3 網(wǎng)站策劃 111.3 思考與練習 15第2章 網(wǎng)頁圖像設計 172.1 圖層的應用 172.1.1 認識圖層面板 172.1.2 圖層基礎操作 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)建與調整路徑 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)頁動畫設計 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 選擇并調整和移動切片 804.1.3 劃分切片 814.1.4 組合和刪除切片 824.1.5 轉化為用戶切片 834.1.6 設置切片選項 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)頁元素設計 935.1 網(wǎng)頁圖標設計 935.1.1 圖標概念 935.1.2 網(wǎng)頁圖標的主要應用 945.1.3 網(wǎng)頁圖標設計原則 955.1.4 圖標的保存格式 955.1.5 實戰(zhàn)案例：商務網(wǎng)站圖標制作 955.2 網(wǎng)頁導航設計 995.2.1 導航設計原則和技巧 995.2.2 導航樣式 1015.2.3 網(wǎng)頁導航優(yōu)化方向 1035.2.4 導航條設計欣賞 1045.2.5 案例實戰(zhàn)：導航條設計案例1 1055.3 網(wǎng)頁廣告設計 1085.3.1 網(wǎng)絡廣告形式 1085.3.2 網(wǎng)頁廣告設計技巧 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 色調變化 1536.4 色彩模式的管理 1586.4.1 認識色彩模式 1586.4.2 色彩模式轉換 1616.5 思考與練習 162第7章 網(wǎng)頁色彩情感解碼 1637.1 網(wǎng)頁色彩分析 1637.1.1 色相情感 1637.1.2 色調聯(lián)想 1697.1.3 色彩知覺 1707.2 網(wǎng)頁色彩搭配方法 1727.2.1 色彩對比 1727.2.2 色彩調和 1767.2.3 色彩呼應 1787.2.4 色彩平衡 1787.2.5 色彩重點 1807.3 思考與練習 181第8章 色彩于網(wǎng)頁設計中的應用 1828.1 網(wǎng)頁中的色彩分類 1828.1.1 靜態(tài)色彩 1828.1.2 動態(tài)色彩 1838.1.3 強調色彩 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)頁主題與色彩調配 1918.3.2 網(wǎng)站風格與色彩搭配 1948.3.3 同色調的不同風格網(wǎng)站 1958.4 思考與練習 198第9章 網(wǎng)頁設計趨向 1999.1 超長網(wǎng)頁和冷色調、鮮艷顏色的使用 1999.1.1 超長網(wǎng)頁 1999.1.2 冷色調和鮮艷顏色的使用被廣泛接受 1999.2 更趨向雜志化和視覺滾動 2009.2.1 更趨向雜志化 2009.2.2 視差滾動 2009.3 注重閱讀體驗和自定義個性化圖標 2029.3.1 注重閱讀體驗 2029.3.2 自定義個性化圖標 2029.4 分層結構設計和響應式設計 2039.4.1 分層結構設計 2039.4.2 響應式網(wǎng)頁設計 2039.5 扁平化設計和去Flash設計 2049.5.1 扁平化設計 2049.5.2 去Flash設計 2049.6 思考與練習 204第10章 網(wǎng)頁版面設計 20610.1 網(wǎng)頁版面文字 20610.1.1 字體與字號 20610.1.2 行距與文字背景 20710.2 網(wǎng)頁版面結構布局 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)頁設計風格 21310.3.1 主題設計 21310.3.2 極簡主義 21510.3.3 插畫和素描設計 21510.3.4 以字體為主的設計 21610.3.5 紋理風格設計和手制的 剪貼簿 21710.4 網(wǎng)頁版面構成的藝術表現(xiàn) 21810.4.1 重復構成 21910.4.2 漸變構成 21910.4.3 空間構成 22010.5 思考與練習 221第11章 藝術類網(wǎng)站設計 22211.1 藝術類網(wǎng)站概述 22211.1.1 表演藝術 22211.1.2 視覺藝術 22211.1.3 造型藝術 22311.1.4 語言藝術 22311.1.5 綜合藝術 22411.2 藝術類網(wǎng)站設計 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)站設計 23312.1 企業(yè)類網(wǎng)站設計應用 23312.1.1 明確創(chuàng)建網(wǎng)站的目的和 用戶需求 23312.1.2 總體設計方案主題鮮明 23412.1.3 網(wǎng)站的版式設計 23412.1.4 色彩在網(wǎng)頁設計中的 應用 23512.1.5 多媒體功能的應用 23512.1.6 內(nèi)容更新與溝通 23612.2 手機網(wǎng)站設計 23612.2.1 首頁設計 23612.2.2 內(nèi)頁布局設計 24212.2.3 網(wǎng)站文字信息頁設計 24312.2.4 網(wǎng)站圖像展示頁設計 24312.3 思考與練習 245第13章 餐飲類網(wǎng)站設計 24613.1 餐飲類網(wǎng)站類別 24613.1.1 餐飲門戶網(wǎng)站 24613.1.2 餐飲企業(yè)網(wǎng)站 24813.2 網(wǎng)站首頁制作 24913.2.1 網(wǎng)站標志設計 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)站設計 26014.1 購物類網(wǎng)站類別 26014.1.1 按商品活動類型分類 26014.1.2 按商品類型分類 26114.2 鵬樂購物網(wǎng)站首頁設計 26314.2.1 首頁布局設計 26314.2.2 內(nèi)容添加 26514.3 購物網(wǎng)站內(nèi)頁設計 26714.3.1 內(nèi)頁布局設計 26714.3.2 圖像展示頁設計 26914.3.3 文字信息頁導入 26914.4 思考與練習 270第15章 旅游類網(wǎng)站設計 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 度假村客房服務 27515.2 旅游網(wǎng)站設計 27615.2.1 頁面結構設計 27615.2.2 頁面內(nèi)容設計 27715.2.3 度假網(wǎng)站概況頁設計 28015.2.4 風景欣賞頁設計 28215.3 思考與練習 284第16章 休閑類網(wǎng)站設計 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)站首頁設計 28716.2.1 首頁結構設計 28816.2.2 信息內(nèi)容添加 28916.3 美容網(wǎng)站內(nèi)頁制作 29116.3.1 “Beauty 植物”頁制作 29216.3.2 商品展示頁制作 29316.3.3 文字信息頁制作 29416.4 思考與練習 295