設計圖示和背景 - 色彩學概念的運用

  • 6587
  • 0

在製作APP的製程裡,與程式本身最無關係的大概就屬一開始創作的創意和軟體中美工的設計了。舉凡背景,甚至是予人第一印象的圖示,都離不開設計。然而,設計的本身沒有對錯,也沒有公式,只有使用者的感覺,和創作者的創意。因此如何設計清新舒服的圖示及背景便更顯重要。雖說設計沒有公式,卻有途徑和方法,其中最廣為人知的就是利用色彩學的技巧。因此,本篇文章將著重於色彩學的概論。

        在製作APP的製程裡,與程式本身最無關係的大概就屬一開始創作的創意和軟體中美工的設計了。舉凡背景,甚至是予人第一印象的圖示,都離不開設計。然而,設計的本身沒有對錯,也沒有公式,只有使用者的感覺,和創作者的創意。因此如何設計清新舒服的圖示及背景便更顯重要。

 

        雖說設計沒有公式,卻有途徑和方法,其中最廣為人知的就是利用色彩學的技巧。因此,本篇文章將著重於色彩學的概論。

 

        我們都知道,光的三原色是紅、綠、藍,以這三種顏色,可以任意疊加成各種不同的顏色,例如三者比例相同的疊加會成為白色,而三種顏色都不出現則會呈現黑色。電腦中常用的RGB色碼便是依此而來,在RGB色碼中,R代表紅色(Red),G代表紅色(Green),B代表紅色(blue),數值分別從0到255。然而,色彩學上的色彩卻與此無關,光的三原色存在於太陽的核融合和電子產品的顯示中,真正和人有關的是顏色,又或者說顏料的三原色。

 

        顏料的三原色是紅、黃、藍,正確地說應該是洋紅、黃和青色,不過以下為了方便說明,還是以紅、黃、藍代表洋紅、黃、青。著名的色彩學家約翰‧伊登,在二十世紀初期對顏色的三原色及其衍生的基本色彩畫出了有名的伊登十二色相環。

 

 

http://vr.theatre.ntu.edu.tw/fineart/chap04/05-04x.jpg

 

        色相環最中間的三角形便是三原色紅黃藍,而由三角形的邊所衍生的等腰鈍角三角星中的顏色,則是其邊上兩種顏色依等比例混合後的結果,而最外面十二色的環,則是以此六種顏色中彼此相鄰的兩種顏色混合而成。

 

        在色相環中有幾項特性,第一項便是正相對的兩種顏色彼此互為補色,例如黃色和其相對的紫色互為補色。補色彼此間的色相差異最大,換言之將兩個補色並置時,其予人的差異感最為明顯。一般常有人將補色誤稱為對比色,實際上這是不精確的說法,只要是兩種不同的顏色就會有對比,因此狹義而言,一個顏色的對比色將有無限多個。

 

        在設計時,善用補色可讓人一目瞭然,互相搭配後便能強烈地吸引使用者的目光。然而,補色的運用適合用在最為突出的重點或最需使用者注意的地方,否則容易眼花撩亂,奈不可俗。俗語說:紅配綠,狗臭屁。紅和綠互為補色,假若使用得當,則可發揮其迷人的醒目效果;但若濫用,則可能出現俗語所說的弊端。

 

        在色相環中彼此相近或相鄰的顏色就直接稱為相鄰色或相似色,暖色系的互相搭配可以予人和諧的感覺,換言之所形成的文字或圖片比較不具侵略性,適合長時間觀看,但其缺點是沒有焦點,使用者在辨識上略感吃力。

 

        補色和相似色的運用是運用色彩學技巧的基礎,正確的掌握在設計這條路上可以說走了一半了,剩下的便是創意和其他技巧的展現了。