關閉導覽列 Close Menu
數位文創
English
吳統雄
數位美學
電子書
數位視覺
優化網站
微電影
數位文創管理
大學青年網誌
研究目錄
教學課程頁
討論區目錄
站務與協助
☰
More
社群地圖
社群新聞
│吳統雄
履歷
研究
教學
服務
榮譽
│社科
第1類知識
第2類知識
第3類知識
研究方法
統計/多變項分析
投票行為與選舉預測
53237 選民結構
人類取用行為新典範
取用行為國際研究團隊
│資管
管理學‧經濟學
貨幣主義
數位貨幣‧投資行為
資訊系統開發
電子商務
網路教育
數位電視
產學合作
就業進修‧甄選必勝
│文創
數位美學/數位文創導論
數位出版/電子書
視覺設計
優化網站
數位視訊/微電影
數位文創管理
大學青年‧網路雜誌
│電音
統雄 數位音樂作品選
我,被禁唱的民歌手
數位音樂創作教學
統雄的音樂知識美學
歡迎聽歌.點歌.下載樂譜
│人文
公共評論
法律評論
社會評論
教育文化傳媒評論
科技科普評論
美語樂學
文學創作
萬象現代(NBA)
資訊社會
幽默人生
統雄樂水
數位色彩全設計:選色.配色.上色色指定

Color Comps Design by TX Aesthetics Theories
TX 選色與四大配色通律


數位色彩系統與數位調色盤前置觀念:數位色彩系統與數位調色盤

數位色彩全設計 Color Comps Design

近年流行的設計觀念、與實用領域:數位色彩--含光線--全設計 Color Comps Design,包括選色、配色、上色--日本譯為「色指定」、與數位特效後製,本系列將循序分章介述。其中的 Comp,就是 Comprehensive 的縮寫。

根據統雄學習發展科學知識式美學論(TX Aesthetics Theories)的第二論:「風格 內涵:統一與變化論」,可以推導出:色彩設計不會失敗的4種配色方法與通律。

知識美學不是追求「公式」,而是可以產生「模式」與「或然律」,在某種範圍內的條件下,可以引導、潛移默化較多人類發生某種取用行為:有感、並產生記憶,從而導出知識美學的「多數模式」與「或然律」式的「通律」。

配色程序的第一步是選擇主色,通常會參考「色彩心理學」。這裡的「主色」是指「色相」而言,而不包括彩度、亮度。後兩者視為主色的同一家族,作為增強主色多層次的效果。

主色數目

其次是決定主色數目,最常用的是1-2色,通常少於4色,如果是4色,宜分為主、副2組。當然,在非常特殊的情況,也可以考慮5色以上。

配色會分為前後景,或前中後景色。

TX選色與四大配色通律則可提供不會失敗的配色方法。


TX配色四大通律TX 選色通律

第一主色:原色不會錯

7國國旗

挪威國旗

這是挪威國旗,其中暗藏了荷蘭、泰國、法國、印尼、波蘭、芬蘭等6國的國旗,等於一面7國國旗。反映了人類選色、甚至選圖案的共同美學。

更多例證,請參考視覺識別標幟系統、旗幟學。

在選第一主色時,優先選用原色不會錯。不論是放射光原色、反射光原色、生心理原色,都可以列入選擇。

這是一個「歸納型」的通律,基於人類生心理的自然反應,優先會選擇基礎性、易感受的原色,而且已展示在全球歷史中。

譬如,各國護照顏色,以放射光3原色:藍、紅、綠最多;全球通用的警示色彩,如交通號誌,是紅、黃、綠反射光原色;而全球國旗的顏色,又以生心理6原色中的紅、白、藍最多,而黃、綠、黑次之。

當然,並非不可以選原色,但非原色在「心理觀照」上都相對比較受限制而狹小。

譬如:粉紅色一定較女性化,而棕色難逃較古舊的感覺。

如果採用非原色作主色,一般適宜採用 2 主色以上的設計。


TX配色四大通律TX 四大配色通律

選定主色之後,對單一主色的配色就是潤飾與增強;雙主色以上就要搭配。

潤飾與搭配,全部不離「統一與變化」「協調與對比」論,從而可以發展出選色與四大配色通律:

Coherent: Dark and light in same color

一致協調律

這是單一主色的設計,前後景分別以同色,而不同的彩度、亮度來配色。

COHERENT

COHERENT

Adjacent coherent: Referring the light spectrum as rainbow

鄰近協調律

雙主色設計,以「色輪」-也就是彩虹的色彩順序為基礎,以鄰近的2色來配色。

ADJACENT

ADJACENT

Variant: Complementary contrast

互補對比律

雙主色設計,以光譜的兩端距離,或「色輪」的對角線配對,最具備對比的突顯性。

COMPLEMENTARY

COMPLEMENTARY

COMPLEMENTARY

COMPLEMENTARY

Variant: Asymmetrical contrast by white, black and grey

非對稱對比律

表面看起來會像雙色設計,事實是單一主色的潤飾與增強法,以白、灰、黑作前後景配色,卻更能突顯主色的性格與強度。

 ASYMMETRICAL

ASYMMETRICAL

ASYMMETRICAL

ASYMMETRICAL


Multiple Color Matching 多主色配色

多主色配色的原理和以上相同,還是:一致、鄰近、互補對比、與非對稱對比。

Three Color Matching 3主色配色

3主色配色有2大方向:

雙主色加「白、灰、黑」

第一、雙主色加「白、灰、黑」,尤其以白色為正格。

有人統計過,全世界國旗,最多的就是用「紅藍白」3色。因為紅、藍在光譜兩端,最具對比感,而白色又是所有色彩之「和」,最具備包容感。

就科學美學而論,這樣的組合,最能產生豐富的感受。

色輪上的三足鼎立

第二、色輪上的三足鼎立對稱。

不論是自然色輪的「紅藍綠」或反射色輪的「紅藍黃」,都具備立體的氣勢。

Four and More Color Matching 4主色以上配色

4主色配色,通常其實是畫分為主、副2組。每組的配色,一樣可參考四大通律。

5色以上,經常是在非常特殊情況下的設計。譬如,在中華民國剛成立時,為了強調五族共和,而有五色旗。奧運為了號召五大洲參與,而有五環旗。性別人權團體(我還不習慣「同志」一詞),象徵人人平等的彩虹旗等。

不過,對一般文創作品,還是4主色以下為王道。


數位色彩全設計的多媒材應用

Color Comps Design in Multiple Applications

當前數位色彩全設計,已進入多媒材應用時代,亦即不僅是「平面色彩全設計」,更應用到:服裝、道具、裝置、器物塗裝、室內外建築…等等設計。

一般舞臺演出服裝,設計與製作昂貴。但只要掌握TX 選色與四大配色通律,以「色彩設計」為核心,在既有衣物中搭配,一個小團體,也可以 0 元成本,達到舞臺演出服裝的效果。

下例是「TX 選色與四大配色通律」中最基本正格的:4 原色配色法,可供有限資源下的設計參考。

色彩設計:服裝、道具的整合應用


Black and White, Only 黑白配

中華書畫有純黑白的「水墨」一大主流。

在彩色攝影之外,黑白攝影也一直存在。而高調攝影,即反差低、灰階層次多,一直是種獨特的表現方式。

全部畫面純粹黑白配,是一種「風格感」很強的設計。通常適合哲學的、抽象的訴求,而較不適合生活的、說明的訴求。

Yann Arthus-Bertrand的作品,以大地為畫布,是不可能人為安排的 觀賞黑白攝影作品集錦的網站

上色/色指定

在動漫與大量性商業繪圖中,上色--日本譯為「色指定」--常由「全設計者」指定各物件的色彩,然後由其他人完成各個圖片中的色彩填充。

上色/色指定會使用到「色指定表」,附圖即為漫畫「七龍珠」主角悟空的色指定表。

色指定表


Reading Color on Screen 閱讀適合色

The following settings are for protection of your eyes:

Hue=85, Saturation=123, Brightness=205

Reading Background

數位色彩系統與數位調色盤

色彩心理學

數位繪圖/數位美工設計

色彩設計實作:圖片輪廓配色

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題

上層主題
視覺設計總論
視覺設計/數位視覺設計主題_數位圖片=美工繪圖 + 影象照片 Subjects in Visual Design/Digital Visual Design
TX視覺設計創作分析架構與建構元素 Visual & Digital Visual Design Analysis Framework and Its Formation Elements
Visual Design 視覺設計:媒體/媒材的分類與整合
Graphics/Image Processing Basics 圖形影象處理技術簡介
Digital Color Design Fundamentals: Color Primaries, Digital Color Systems 數位色彩設計基礎:色彩原理‧數位調色制度
Color Psychology_Color Matching Design 色彩心理學_數位配色設計
TX's Color Selection and 4 Matching Laws TX選色與四大配色通律
色彩色塊為導向的創作流派_當代實用美術/視覺設計/繪圖美工基礎1 Color Structures Centered Stream_ Contemporary Practical Arts and Visual Design
幾何象徵為導向的創作流派_當代實用美術/視覺設計/繪圖美工基礎1 Symbolic Geometry Centered Stream_ Contemporary Practical Arts and Visual Design
複合媒材為導向的創作流派_當代實用美術/視覺設計/繪圖美工基礎3 Mixed Media Centered Stream_ Contemporary Practical Arts and Visual Design
當代實用美術作品品析_當代實用美術/視覺設計/繪圖美工 Contemporary Practical Arts and Visual Design: Artwork Critique
數位影象處理軟體應用簡介 Introduction to Imaging Processing Software
數位 圖片設計實作:數位調色盤與繪圖影象工具應用
數位圖片設計實作:數位圖片檔案轉換
數位圖片設計實作:多選取區與物件/圖層
數位圖片設計實作:圖片輸入與封面設計
數位美工繪圖
Identity Systems and Logo Design 識別標幟系統與標準字設計
視覺識別標幟系統 設計思想演變_視覺識別標幟系統設計 Evolution of Visual Identity System Design_VIS Design
視覺識別標幟系統應用專域:紋章學、旗幟學_ Heraldry and Vexillology: Specific Visual Identity System Design_VIS Design
網路時代的識別標幟系統:通用物件規格與範例 General Identity Systems Design
Logo Design: Cases 1 標誌設計:變形技術與反相技術_創意範例1
Logo Design: Cases 2 標誌設計創意範例2
Identity Systems Practice: Logo 標誌之標準圖案設計與元件設計師實作
Identity Systems Practice: Logo 標誌之標準字設計與文字工具實作
數位 圖片設計實作:造型家族:變形‧扭曲‧潤飾
網站視覺識別:布景主題‧橫幅導覽‧風格元件設計 VIS: Web Theme, Banner, Doodle, Navigation and Style Elements Design
網站視覺識別:圖示‧專用圖示‧多元圖示‧風格物件設計 VIS: Icons, Personal Icons, Creative Symbolic Icons and Style Objects Design
多元視覺識別:個人化社交卡‧貼圖‧票證設計 VIS's Social Cards/Stickers/Tickets Design
Identity Systems Practice: Banner and gif 識別標幟系統橫幅實作與gif
Hand-Drawn Visual Identity System Design 手繪視覺識別系統設計
網路素人 創意漫畫_數位繪圖/數位美工 Web Amateur Cartoonists' Works
數位攝影
數位影象/數位攝影設計 創作分析架構與建構元素 Digital Imaging/ Digital Photo Design Analysis Framework and Its Formation Elements
數位攝影建構:焦距與平面元件 Focus and Plane
數位攝影建構:光圈與景深元件 Aperture and Depth
數位攝影建構:快門與光源元件 Shutter Speed and Lighting
數位攝影建構:影象後製 與影象改創元件 Post Production
數位攝影機 簡介 About Digital Camera
Nikon F3之迷戀!
Pentax K2之信賴
數位攝影設計:劇情式劇本實作 Digital Imaging/ Digital Photo Stories Design
數位攝影設計:系列式劇本實作 Series Design in Digital Imaging/ Digital Photo Stories' Screenplay and Practice
數位攝影設計:錯覺式劇本實作 Digital Imaging/ Digital Photo Stories Design: Screenplay and Practice_ Visual Illusion
數位攝影劇本:團體式劇本實作 Digital Imaging/ Digital Photo Portrait Design: Screenplay and Practice_ Group Photo Shoot Design
數位攝影設計:人像攝影劇本實作 Digital Imaging/ Digital Photo Portrait Design
攝影劇本與視覺設計_美學追求的看山看水過程 Pursuit in Aesthetics
攝影劇本與視覺設計_美學結構的天成與偶得:造境與自然 Two Structures in Aesthetics
當代多元創意攝影作品品析 Contemporary Interdisciplinary Imaging Arts in Visual Design: Photos Critique
Digital Photo Case Study_1 數位攝影設計個案研究1
Digital Photo Case Study_2 數位攝影設計個案研究2
影象處理/後製改創
視覺設計/數位攝影/數位美工:視覺焦點設計與數位影象後製/影象改創系列
調光 數位特效_數位影象後製/影象改創技術 Light Digital SFX_ Digital Pictures Postproduction
調色 數位特效_數位影象後製/影象改創技術 Color Digital SFX_ Digital Pictures Postproduction
調HSB 數位特效_數位影象後製/影象改創技術 Integrating Hue/ Saturation/ Brightness of Digital Visual SFX_ Digital Pictures Postproduction
去雜 數位特效_數位影象後製/影象改創技術 Clean up Digital Visual SFX_ Digital Pictures Postproduction
魔術棒去背 數位特效_數位影象後製/影象改創技術 Background Digital SFX_ Digital Pictures Postproduction
套索去背 數位特效_數位影象後製/影象改創技術 Background Digital SFX_ Digital Pictures Postproduction
擷取物件去背.橡皮擦輔助去背 數位特效_數位影象後製/影象改創技術 Background Digital SFX_ Digital Pictures Postproduction
柔邊 數位特效_數位影象後製/影象改創技術 Border Digital SFX_ Digital Pictures Postproduction
加框 數位特效_數位影象後製/影象改創技術 Frame Digital SFX_ Digital Pictures Postproduction
模糊、遮罩/遮色片、色版、像素模糊、馬賽克特效_數位影象後製/影象改創技術 Blur and Mask Digital Visual SFX_ Digital Pictures Postproduction
文字特效 數位特效_數位影象後製/影象改創技術 Text Digital Visual SFX_ Digital Pictures Postproduction
圖層組合/混合模式/高級漸層_數位影象後製/影象改創技術 Layers Digital Visual SFX_ Digital Pictures Postproduction
後製整合 數位特效_數位影象後製/影象改創技術 Layers Digital Visual SFX_ Digital Pictures Postproduction
數位醫美系列 數位美容整形_數位視覺焦點設計與數位影象後製/影象改創技術 Plastic Surgery of Digital Aesthetic Medicine Series
數位減肥塑身 數位醫美系列_數位視覺焦點設計與數位影象後製/影象改創技術 Body Shaping of Digital Aesthetic Medicine Series
數位醫美環境改創 數位醫美系列_數位視覺焦點設計與數位影象後製/影象改創技術 Body Shaping with Multiple Layers of Digital Aesthetic Medicine Series
攝影詮釋學_數位視覺焦點設計與數位影象後製/影象改創技術 Interpretational Photography and Image Manipulation
數位動畫創作
數位動畫創作分析架構‧建構元素與實務分類 Animation Creation Analysis Framework, Formation Elements and Its Types
GIF 數位動畫圖示/動畫貼圖:設計與實作快訣 Animated GIF Icons Creation: Design and Practice Tips
GIF 數位動畫小品創作 :企畫與原稿設計
GIF 數位動畫小品創作 :過場設計 Animated GIF Graphics
GIF 數位動畫小品創作:特效設計 Animated GIF Graphics
GIF 數位動畫小品創作:輸出:另存新檔‧匯出/ 觀摩
GIF 數位動畫小品創作:個案研究/ 資源與觀摩
Animation: Transparent Overlay 數位動畫創作進階篇:透明重疊
Animation: Frames' Modification 數位動畫創作進階篇:畫格微調、新增、加物件
Animation: Multiple Objects in Frames 數位動畫創作進階篇:畫格多物件處理
數位動畫式統計表圖


內容網站:提供與分享各種知識、資訊、作品。互動群組:社員可以討論、展示、交流、企畫、分工、管理、投票決策。合作群組:Web2.0的民主自治精神,社員可以參與決定群組的內容與表現形式。

吳統雄的音樂-Sean TX Wu's Music  笑話中學美語-Humor and American English Learning   私人來信-Write a private mail to Sean TX Wu  留言與討論 Leave Comments/ Forum 吳統雄的相簿-Sean TX Wu's Album

只在「統雄社群」內查詢以下主題 Search in TXCommunity

統雄網群的Google排行本站Google排行榜‧全球冠軍