拿掉顏色檢視視覺設計

每當投票結束,總有許多選民會守在電視機前等待開票。以前,我通常會先瀏覽各家電視台的開票畫面,再選擇重要資訊看起來最清楚的一台來觀看,不過2020總統大選開票前,我發現公視將多家電視台的畫面整合在一個「開票直播平台」上,讓觀眾想選哪一家看就立刻可以點開,比起之前需要一台一台切換,好像省了不少時間。

而當各家電視台的畫面擺在一起,也讓人注意到各台之間排版、圖示與呈現手法的差異。究竟開票畫面的設計要怎麼做,才能讓有不同需求的選民都能順利觀看、理解呢?讓我們一起來看看。

掌握資訊的重要性與易讀性

當所有電視台的開票畫面放在一起,就能發現:有些畫面的重要資訊一目瞭然,有些卻較為複雜,需要花一些時間找到重點。

當然,開票畫面要呈現的資訊很多,不可能一次包山包海,而觀眾也可能分布在不同的年齡層,有不同視力與不同資訊需求,因此,設計者需要做的,就是盡可能呈現出大家都重視的重要資訊、用清晰的方式呈現,而刪除掉不必要的訊息。

所有畫面排在一起,很容易看出哪些畫面的資訊較清楚。

例如,總統開票結果通常比區域立委受到更多選民關注,所以必須放在視線的最佳位置,也就是左上角,所佔畫面的比例與文字大小也需要大一些。在進行區域立委或政黨票數探討、或播放其他現場畫面時,也可做畫面更動或縮放,不過要注意過多的更動會形成視覺干擾的負荷,對於民眾獲取資訊是不方便的。又如,總統副總統候選人的號次雖然重要,但絕大多數選民都知道,真的要寫出來,也只需寫上數字即可,不用連「號次」兩字都寫出來。

另外,顏色與圖像若運用得當,有助於快速接收與判讀資訊,例如使用候選人政黨的黨徽或色彩,可以代替政黨資訊,不用另外把政黨名稱寫出來;但這麼做也要適可而止,太多、太雜亂的顏色圖案,反而會造成反效果。至於政黨色彩該用在色塊、票數還是人名等文字上?可能帶來不同的感受,但色塊的易讀性還是比較高。而總統副總統候選人搭配照片,也比起只使用人名為佳,這樣就算不懂中文或者對文字辨識有困難的人也能看懂。

以灰階呈現,確認對比是否夠強烈

在通用設計上,只要文字或背景有色彩,就要注意對比是否夠強烈,特別是充斥複雜資訊與運用多種顏色的畫面,缺乏對比的情況可能會讓色盲、色弱者難以辨別。而最容易掌握對比是否夠清晰的方式,就是將畫面先調成灰階試試看。我們會發現,當得票數字用政黨色彩呈現時,在白底上就沒有使用黑字來得對比清晰。

透過灰階色彩處理後,可掌握對比強度與色盲患者的需要。

當然,有些顏色是無法改變的,如政黨或企業等組織的識別色彩,電視台不可能隨意調整。但這些色彩上的文字顏色,或是這些色彩呈現的大小、形狀與位置,都是可以巧妙設計的。例如不把得票數放在色塊上,而是在旁邊以白底黑字呈現資訊,或是將色彩用在框線上等等,都是可行的作法。

另外,整體設計是否夠簡潔,也能透過灰階畫面檢視。如果在灰階畫面上已經顯得凌亂,一旦恢復色彩後,情況只會更糟。除去色彩後,由於少了鮮艷顏色的干擾,自然能關注到一些細節設計,如形狀、字體大小與粗細、資訊區塊的位置編排等是否恰當,有沒有干擾到重要資訊的易讀性等等。

如同台灣每次的重要選舉,各界總是呼籲選民「不看顏色,選賢與能」。在進行複雜的視覺設計時,或許也可以先「除去色彩」,確認整體設計與資訊呈現是否都能看得清楚。

原始來源:天下獨立評論 余虹儀專欄 「「不看色彩、只看本質」──拿掉顏色以後的開票畫面長怎樣?

此文正式取得「獨立評論@天下」授權刊登

相關閱讀:〈視覺障礙的種類與困擾〉、〈門牌設計的通用設計考量〉、〈路標設計與登山教育

One thought on “拿掉顏色檢視視覺設計

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料