畫面可以簡潔一點嗎?日常通靈挑戰
簡潔跟白底設計的關聯,純白 #FFFFFF 的不單純
一個案子做到一半,客戶問:
畫面可以簡潔一點嗎?白底那種的。
聽起來很明確,連答案都附好了。「簡潔」最直接的意思是東西太多,拿掉一些。少一個區塊,少一種顏色,少幾行字。但也可能跟數量無關。可能是重點出不來,畫面上每樣東西都在說話,沒有一個聲音比較大。可能是看起來太滿,即使內容一項都不能少。也可能重點在「白底」,大量留白,低彩度,無襯線字,科技公司或精品官網那種安靜的樣子。
簡潔+白底的典型很容易找到參照,選一個大家都認得的樣子是風險最小的安全牌。
只是我後來注意到,簡潔+白底經常一起出現。需求跟答案的因果關係太順,順到好像畫面本來就該長那樣,不用再問。
但螢幕本來不是白的。Rachel del Valle 在 AIGA Eye on Design A Brief History of “Dark Mode” 文章裡整理過這段歷史。最早的電腦螢幕是黑底的,不是根據發明者的品味,是技術限制:那時的螢幕跟老電視一樣用映像管,靠電子束點亮玻璃內側的塗層,點亮整面會燒壞,只能點亮必要的文字資訊。所以 1970 - 1980 年代的電腦都是黑底,配綠色、白色或琥珀色的字。
到 80 年代初,Apple 完善的新式介面,讓電腦畫面開始模仿真實世界的辦公桌:垃圾桶、資料夾、信封。而文字編輯器那片純白背景底,模仿的是紙張。del Valle 引用設計師 Bert Keely 的話:「我們觀看資訊的期待,基本上是由紙建立的。」搭配著 Apple 模擬生活場景的設計,人們漸漸習慣了白底的介面預設值。
白底跟簡潔在軟體介面上的關係,是後來才出現的。
在黑底是唯一選擇的年代,這個等式還不存在。白底先因為技術而可行,因為像紙而被選上,然後用了幾十年,慢慢變成看不見的慣例。一種視覺慣例用得夠久,就會開始像是沒有被設計過,像自然狀態。說到簡潔就想到白底,有一部分或許就是這樣來的。
螢幕上的白只有一種,就是網頁色碼裡代表純白的那個固定值 #FFFFFF。東京有一間店拿這個色碼當店名,#FFFFFFT,整間店只賣白色素T,架上卻有七十多個牌子,而且沒有兩件是同一種白:米白、亮白,還有各種說不上名字的白。離開螢幕,白有很多種。落筆此時他們網站的首頁宣言是這樣開頭:
白は、無色ではない。あなたに染まる色だ。
白不是無色,而是會染上你的顏色。
白は、無個性ではない。あなたの個性を引き出す色だ。
白不是沒有個性,而是把你的個性帶出來。
既然每一件都是白的,比較的就不會是顏色,而是布料、厚度、領口、剪裁,還有穿在身上的樣子。直接看、直接摸、直接比,這間不開放網購的店要人直接親身感受,找到屬於自己的那一件。
顏色的差異在認知裡暫時消失,其他差異才有機會被感知。畫面上的白底做的是同一件事:底色退場,內容、主次、疏密才會被注意。
白不是把差異消除,而是重新安排哪些差異能被看見。
每當簡潔+白底的需求又一起出現,我試著把它拆開來,了解他想讓哪些差異被看見。每個元素都太用力、重點被淹沒了?還是他要的只是那種約定俗成的熟悉感?若嘗試後還是沒對齊對方的想像,那就真的很考驗通靈技巧了。