TCNN的色彩學

學過色彩學的朋友一定比我清楚,不同的顏色能影響一個人的感受,所以在從事任何設計時,要如何選擇「對」的顏色,是十分重要的步驟,同樣的內容,用了不同的顏色,所得到的反應也會不一樣。舉例來說,餐廳、小吃店大部分會選擇使用暖色系,尤其是橘色、紅色的招牌,因為這個顏色比較容易激起食慾。若要強調乾淨、整潔、清涼,當然就是藍綠色系的專長。

TCNN的設計,也沒有忽略這個部分。

暫時先不論顏色,在網站上唯一的「圖形色塊」是上方仿草紙、皮卷的意象設計,這個設計代表著幾個意義:1.《台灣教會公報》是全台灣第1份報紙,歷史悠久,而TCNN直接承襲這個傳統。2.早期聖經手稿就是用蒲草紙或羊皮卷紀錄,並流傳下來,TCNN也肩負記錄當代新聞、見證,向今日、未來的人們傳遞真理的使命。所以在每一則新聞的開頭,都是由這個草紙的設計所展開,為了色系的一致性,網站因此採用了棕色調作為基礎。

棕色又叫做褐色、茶色、咖啡色,是個很中性的顏色,要表現出什麼樣的效果,常常得看與它搭配的顏色為何。不過棕色基本上是一種美味的顏色,自然界中也充滿了棕色,因為這個色系也代表了土地。

取棕色做為主色,象徵著TCNN強調釘根於台灣的信仰,這也是TCNN的Logo所要傳達的精神。這個將十字架矗立於台灣之上的icon,也成了對TCNN最直接的印象。

對顏色比較敏感的讀者應該會注意到,大型網站的Logo通常都是紅色或藍色系,因為這兩個色調是最又個性的顏色。藍色具有專業、科技感,是冷色調的代表;紅色則有熱情、積極、行動的感覺,是暖色調的代表。TCNN的台灣Logo,勉強也算是紅色系的陣營吧。

要使用什麼顏色做為主色,還有一個很重要的考量,就是舒服。許多人曾經在網路上看過一則調整電腦螢幕底色的文章,聲稱調成指定的淡綠色後,就能夠保護眼睛。然而根據眼科醫師的說法,淡綠色並沒有特殊的功能,閱讀網路文章本身就是很花眼力的事情,想要保護眼睛,還是乖乖的多離開電腦。

若說淡綠色比原本的白底還要不傷眼,倒也不是全錯,不過重點不在於「淡綠」,而在於底圖與文字的對比較低、螢幕的亮度較低等,讓人不需要太花力氣去瞪著螢幕。TCNN考慮到這點,除了字型與預設字體大小都有設計過,也特別以淡米白色作為背景顏色,降低與文字的反差,讓閱讀可以不那麼吃力。

最後就是友善色盲讀者的檢查,色盲其實是有程度差別的,程度輕一點的稱為色弱,就是接收某些顏色的刺激比較弱一點,看出來的世界就會有一點色偏。其實對色盲讀者來說,感受最強烈的顏色應該是藍色,這也是為什麼Facebook的主色為藍色,因為創辦人馬克祖克伯是個紅綠色盲。

通常色盲比較困難分辨紅綠或是黃藍,所以以這兩類顏色作主軸的網站,有可能會造成閱讀上的困難;TCNN的主色是褐色,問題比較小,雖然如此,要更方便色盲讀者分辨,得從顏色的「明度」著手,也就是對比越大,辨識上就會越清楚。

雖然如此,要如何能夠在身邊沒有色盲朋友的情況下,確認網站的配色是否夠清楚呢?幸好Photoshop裡有一套工具,可以直接模擬色盲所見之顏色,確認閱讀效果。TCNN的配色當然也測試過了,雖然色盲讀者的世界中,並沒有如一般人那麼豐富的色彩,但是致力創造更良好的閱讀體驗,仍是TCNN努力的目標。

J編

延伸閱讀:
1.五分鐘看懂色彩學(三)
2.更改Windows視窗底色 可保護眼睛?
3.對色盲者的體貼設計

廣告/手到心至抄寫本-箴言

我有話要說