完全是負面好教材呢:激戰!新北門牌大亂鬥

Polina UI/UX
6 min readApr 2, 2019

--

藍色、綠色、紅色,別讓政治干預了設計人該使用的配色法則!

如何使用正確的色彩計畫讓色盲者或其他族群都能清楚看到重要的標示,才是整個社會應該努力的目標。

咳...每次這種文章我都要先說明,不要怪罪設計出不良作品的設計師,因為他們一開始都可能保持著很好的設計概念、美學,但一旦上頭的人亂下指導棋,被政治色彩、美學素養"獨到"的長官關懷,再怎麼美的設計都會變成可怕的成果。(不是針對這次的案子,而是說指所有的政府案子都是...)

這次的新北市門牌改版引起很大的爭議,民眾的意見分為兩派

有的人認為改版後的樣貌圖案強加在裡面看起來太過紛雜,且配色上並不恰當。也有人認為比起舊版更加活潑,門牌數字更容易看見。

但其實最大的聲浪在於設計界,很多設計師紛紛指出新版設計不利於部分色盲者辨識。可能有的人會想,色盲畢竟少數,設計上難以符合全部人的條件,但其實不只是色盲者,對於色弱者而言,甚至一般人而言,這款設計都有弊病。下面列出一些原因探討究竟讓設計師傻眼搖頭的點在哪。

新北市門牌:左為新版設計,右為舊版設計

光是大張圖,好像看不清楚哪裡有問題,那讓我們拉遠看。模擬今天你要去同學家,站在遠處,正在找門牌號碼的情況。

這種情況下,你能看到的是什麼?

門牌數字應該大部分的人可以看清楚,但路名清晰度似乎就沒那麼清晰了(兩者皆是,而左方更加不清楚,原因是字體壓扁不易辨識,加上配色關係讓他更模糊了),新北區的字體則是一大對比,右邊非常清楚,而左邊小到根本看不見。

在螢幕前的你,92%的人可能是正常視力者,而8%的人則可能是色盲者,甚至這其中也有不少人雖是正常視力者,卻有些許色弱情形。那讓我們來模擬如果你非正常視力者,看出去的世界會是如何。

這邊把所有的可能都列了出來,但不是指這裡涵蓋了所有人看到的情況,少數特殊案例可能是漏掉的,我們先以常見的這幾種色盲來討論。

基本上,你可以發現那種中明度高彩度的藍綠色設計對於紅綠色盲不大有利,在他們眼中會將那樣的色調轉為「濁色」,不易於辨識。

而且在設計時,不能以近看可以識讀就當作沒問題。

例如,同樣的圖讓我們縮更小看看,模擬站在路上看遠處路牌。

你會發現,藍色弱視及色盲無太大問題,但紅綠色盲及紅綠弱視則會更加吃力。甚至對全色盲來說,門牌數字也顯得顏色過淡。

再來還有件非常重要的事,配色計畫絕對不是「紙上談兵」。

必須模擬天氣因素,最常見的像白天及夜晚的顯目度如何,以及豔陽底下能否看清楚。以下我們來模擬各種變因所帶來的不同。

陰暗的情況(如雨天、傍晚、凌晨剛天亮),門牌的狀況並沒有差異太大
豔陽下略反光的門牌,就差異很多了

這次最惹爭議的就是這副情景,民眾看到資料畫面上的照片,說看起來很不清楚,官方跳出來解釋門牌本身顏色沒有那麼淺,要民眾放心。

但大部分我們看到門牌的時間,不就是大白天嗎?

所以你會發覺,之所以這套設計有問題,就是出在當時設計缺乏這方面的考量。藍綠色的辨識度之所以不佳,原因在光線強情形下(像室外白天),彩度會降低相當多,因此並不適用於作於上面還壓有白字的底色。

身為設計師,必須知道以下的指南:

設計標誌、路牌、指示物的重點摘要:

  1. 配色不應該紛雜,只用二種色彩很恰當,多不過三
  2. 注意少用彩度明度過高的顏色 + 白色
  3. 重點應放在標示清楚內容即可,裝飾圖樣不宜佔過大空間,必要時只放重點文字,拿掉裝飾圖樣
  4. 字體大小不宜過小,需打樣並測試實際觀看效果如何(不要太相信電腦上的樣子),並且須於不同變因下測試(白天、夜晚、晴天、雨天等)

設計優先順位:解決問題 → 富設計感 → 其他因素(政治、業者自己喜好等等)

當時設計師希望在設計上避開藍、綠問題,不要有政治色彩,所以使用了介於中間的藍綠色,而數字方面原本想用紅色,但因希望避開聯想到共產的代表色,而選擇朱橘色(有些是用紫色)。但這樣的設計結果,雖然避開了政治色彩,卻引來更多不便的情形。

解決問題,才是「設計」存在的道理。

很多人以為設計師好像是最容易轉職的一項行業,只要跟著好範例作出一樣的東西就可以,拉幾條線、填一些顏色就好幾萬進帳?其實不然,設計師必須要懂基本設計原理(像是排列的法則、還有一些活用於每件案子的手法)、色彩學(配色計畫、色彩心理學)、文字設計(像企業標準字那些)、還有外界無法模仿而來的,就是經驗。包含對色盲者不利的設計,這些都是隱含在生活當中,容易被忽視的角落。

設計師之所以存在,不是隨心所欲地做自己想做的東西,更確切的形容,比較像是在已經開好的條件下,做出「最有幫助的事物」。

衷心希望未來各行業都能尊重設計師,讓大家能發揮自己的專長幫你解決問題,而不要抱著「花錢就是大爺」的心情讓設計師將自己的作品破壞到不想掛名的境界。

--

--