网页色彩学网页色彩设计的准备

網頁色彩學網頁色彩設計的準備 授課教師 吳有龍教授主講人 資管碩二馮建堯9622021M 本投影片之資料僅為學術用途 請勿轉載 請尊重智財權 講解大綱 色彩整體概論顏色如何構成光源色與物體色原色色彩三屬性色相模型與色彩混和原理RGB模型與加法原理CMYK模型與減法原理常用色域空間 數位環境與色彩表現數位色彩與解析度數位色彩表現數位色彩表現不同的因素網頁216安全色的重要何謂網頁安全色Dithering模擬各種調色盤簡介 色彩整體概論顏色如何構成1 2 構成顏色的三要素 光源 物體 人 如 色彩整體概論顏色如何構成2 2 人類肉眼可分辨出有色光的頻率如下圖 牛頓在1666年以三稜鏡發現光線折射現象 色彩整體概論光源色與物體色 光源色 自身可發出光線的光源 所產出的顏色即為光源色 物體色 自身不產生光源 但可反射某色波長 使肉眼所接收到的顏色 色彩整體概論原色 原色 不能從其他基本顏色混和而得之色光源三原色為 紅 藍 綠物體三原色為 紅 洋紅 藍 青 黃 色彩整體概論色彩三屬性 構成色彩的三種屬性為色相以散發出 反射出的光譜波長的主波長決定 直接決定了顏色類型 明度 亮度 光源的明暗程度 彩度 飽和度 色彩的鮮豔度 越高越近純色 色相模型與色彩混和原理RGB模型與加法原理 以RGB三種顏色混合而產生其他顏色加法原理 將光源色光混合 重疊之處能量越高 顏色越亮白 色相模型與色彩混和原理CMYK模型與減法原理 以CMY三色進行混合 調和物體色出版成印刷品時需加入純黑色墨水 K 輔助減法原理 將物體色混合 重疊之處會使光線吸收量增加 明度降低 色相模型與色彩混和原理常用色域空間 1998年10月 由IEC 國際電氣標準會議 所策定之標準色域空間定義 sRGB規格 standardRGB 幾乎所有的數位影像輸出入都支援sRGB規格 數位環境與色彩表現數位色彩與解析度 數位色彩 將色彩以電子訊號記錄 然後利用周邊裝置使色彩重現 光源色 物體色特徵能共存 數位影像 將影像座標化 以像素為單位 在座標上還原數位色彩 解析度 DPI DotsPerInch 一英吋長度內有多少像素 LPI LinePerInch 一英吋寬度內有多少像素 數位環境與色彩表現數位色彩表現 數位環境與色彩表現數位色彩表現不同的因素 網頁上相同的顏色 可能隨著顯示器作業系統電腦的等級瀏覽器種類而有所顏色區別 如右圖 解決方法 使用網頁安全色 網頁216安全色的重要何謂網頁安全色 網頁216安全色 在任何環境下所顯示的色彩必相同 安全色的構成 由紅 藍 綠的數位訊號所構成 共有210種有彩色與6種無彩 HEXACode 16位碼 00336699CCFFDACCount RGB訊碼 051102153204255R G B 6 6 6 216 網頁216安全色的重要Dithering模擬 如果電腦無法產生所要求的顏色 電腦程式將自動混合不同的顏色 利用重複密集排列的方式 以產生相似的顏色 網頁216安全色的重要各種調色盤簡介1 6 為了幫助設計者容易選取適合的顏色 因此出現了不同樣式的調色盤 LyndaWeinmandrBrowser SafePalette 網頁216安全色的重要各種調色盤簡介2 6 網頁216安全色的重要各種調色盤簡介3 6 網頁216安全色的重要各種調色盤簡介4 6 網頁216安全色的重要各種調色盤簡介5 6 網頁216安全色的重要各種調色盤簡介6 6 補充資料 國際色彩聯盟 InternationalColorConsortium 簡稱ICC 西元1993年創立的組織 其針對目前所使用的所有數位影像格式進行整合 以下為聯盟成員 AdobeSystemsIncorporationAgfa GevaertN V AppleComputerEastmanKodakCompanyMicrosoftCorporationSiliconGraphicsInc SunMicrosystems Inc ICC的網址http www color org index xalter 參考書籍 文件與網頁網址 WEB好色 網頁色彩學 ImageResearchInstitureInc 博碩 色彩理論與數位影像 鄭柏左 新文京開發 新銳網頁色彩與版式搭配案例指南 張楠溪 文魁資訊