本節簡介：學習了網頁配色原則，網頁安全色的使用；網頁設計中色彩的基本原則；案例制作（一）：網站配色方案調整（先給出一個普通的網站，通過配色調整煥然一新）；案例制作（二）：制作不同顏色網站，搭配不同風格。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
網頁色彩基本原則：統一性原則（主色調、輔助色、點睛色、背景色）、情感性原則（紅色：視覺沖擊力強、熱烈沖動 橙色：活力健康，常用在食品、飲料 暗金色：歐式、復古類網站 黃色：明快、活潑，多用在兒童類網站 粉色系頁面：多用于和女性相關的網站 綠色：健康、環保，常用在教育類、環境類 青色：清秀豁達，潔凈、開闊的海邊房地產網站 藍色：和平、淡雅、清潔、科技等，運用廣泛，常用于清潔用品、海洋類制品、科技、企業等網站 紫色：神秘、高貴，常用于女性化妝品、科幻等題材網站
使用安全色配色：明度推移（加白），純度推移（彩度，高純度明快、低純度雅致），同色系中色相推移（ 對設計師顏色把握要求高，位置、大小、比例）。 216種安全色中有黑白灰6種無彩色，與彩色搭配很安全（ 如低純度藍+白搭配-礦泉水網頁清爽、高純度藍+黑灰-工業網站 沉穩）。整體同色系配色+互補色點睛。
網頁色彩統一性原則：主色調、輔助色（烘托主色調，面積僅小于主色）、點睛色（面積最小、與主色調反差最大、可以一兩個）、背景色 。 情感性原則：顏色給人的感覺
使用安全色配色：明度推移（加白），純度推移（彩度，高純度明快、低純度雅致），同色系中色相推移（對設計師顏色把握要求高，位置、大小、比例）。 216種安全色中有黑白灰6種無彩色，與彩色搭配很安全（如低純度藍+白搭配-礦泉水網頁清爽、高純度藍+黑灰-工業網站 沉穩）。整體同色系配色+互補色點睛。
216種網頁安全色——ps色板面板——三角下拉選擇web安全色，在用漸變色時也會用到非安全色。
網頁設計中色彩的基本原則：一、統一性原則（主色調、輔助色、點睛色、背景色）二、情感性原則（色彩的情感因素）三、對比性原則（打破常規，大膽創新）
網頁色彩基本原則：統一性原則（主色調、輔助色、點睛色、背景色）、情感性原則（紅色：視覺沖擊力強、熱烈沖動 橙色：健康、活力、飲料 暗金色：歐式、復古 黃色：明快活潑、兒童網站 粉色：與女性有關 綠色：健康、環保 青色：純凈 藍色：平靜、淡雅、清潔、科技 紫色：神秘、高貴 化妝品）
（216安全用色表）同色系原則：明度推移（加白、加黑）、純度推移（色彩純凈）、色相推移（色彩跳躍）
二、情感性原則：設計師在掌握色彩基本規律的基礎上，還需要掌握色彩的情感因素。紅色：熱烈、喜悅、動感十足；另一面危險、警惕。橙色：溫暖，成熟的果實，豐收的顏色，聯想到食物，黃色：跳躍，很有活力。比較童趣。綠色：樹葉，生機勃勃的景象，春天，環保。藍色：科技類、企業類、教育類網站。紫色：女性化妝品，高貴。
網頁配色原則：最簡單的網頁配色方案——同色系原則：明度推移、純度推移、色相推移（較難把握）。靈活使用216安全用色表。無色系可以隨意使用。
用明度推移的頁面給人的視覺沖擊力是比較弱的，但給人以和諧、安定的感覺。
明度，飽和度，顏色替換，食品的網頁不適合使用食品腐爛時有的顏色。主圖的飽和度增加，背景的飽和度降低。
網頁中的搭色，打破常規，大膽創新，出奇制勝，達到意外效果。Google色彩搭配。
網頁情感顏色：紅色動感十足，危險警惕。橙色健康溫暖，豐收食物水果。暗紅色家具。黃色活力兒童網站。綠色生機勃勃，健康環保。藍色最常見，和平淡雅清潔，海洋制品科技企業教育。紫色／紫紅色／粉色化妝品，高檔，神秘高貴，女性柔美。
頁面最顯眼的是用點睛色的部分，整個頁面最抓眼的位置。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
