據說,斑馬線是從古羅馬龐貝城道路上供人行走的“跳石”抽象而來。從這點來講,和今天要思考的軟件系統中的播放按鈕的形狀的由來很像:也是從實物中抽象出來,成為約定俗成,漸漸隨著實物的消失,而被淡忘了最初的由來。
順便插一段,也有人對于斑馬線起源于龐貝古城的“跳石”有異議。下圖是“跳石”的照片:
有人認為這是用于雨天,道路積水時候,供行人走的跳石,而不是為了讓行人穿過馬路方便的措施。從上圖的車轍印記來看,用來方便行人穿過馬路的措施比較合理。
回到UI設計中,作為播放按鈕的常用形狀“向右三角形”的討論。早前的卡帶(磁帶,如下圖),播放的時候,磁帶從左向右(注意下圖有個向右的箭頭標示了播放的方向)。
上圖磁帶播放器的按鈕上,刻有向右的三角形,標示讓磁帶從左向右旋轉,也即開始“播放”的意思。
后來多媒體計算機出現,在PC上進行多媒體播放的時候,為了讓人們更容易的理解,解決用戶“怎么用”的問題,在設計上,采用了擬物的手法,如把播放器的播放,也設計成類似實物按鈕的方式,帶有三角形的播放按鈕,這讓熟悉磁帶播放的人們,很容易的理解電腦上的播放軟件并上手操作。
擬物通過具像化的方式,讓人們在數字世界中,通過擬物的標志,自然的聯想到實物的作用,縮短學習周期,由此掌握這些擬物按鈕等的使用。
不過,到了手機普及的時代,很多早前“擬物”設計對應的實物都已經消失了,數字原生一代,對于“擬物”沒有了感覺,加上手機屏幕帶來的UI設計方面的變革,需要拋棄“擬物”,用更加數字、簡潔的方式來設計各種操作按鈕。
另外,數字環境無處不在,對于怎么用,人們爛熟于胸,對于設計界來說,問題的重點從“怎么用”,變成了“怎么好用”。
所以,從保持延續性的,具有過渡性的角度來說,播放按鈕,也就從刻有三角形的立體按鈕的形式,變為只有“三角形”的形狀。
對于數字原住民來說,對這些扁平標志的理解,就僅僅來自于數字環境中的“約定俗成“,而不再是對于實物的感知的延伸。換另一個角度來說,這些扁平設計的數字世界,就是數字原住民的原生環境。
數字環境的變化,讓“三角形”的涵義也放生了變化,擬物時期,是源自磁帶機播放時候,從左向右,在扁平時期,則是源自“播放時間線”的方向,從開始到結束,自然而然的是“從左向右”,因此,三角形按鈕,獲得了新的意義,不再與擬物有關聯。
設計界也有些人不喜歡完全的扁平設計,堅持認為“擬物”的實用性,這里問題是,“實物”越來越少,比擬誰?更深層次的問題是,為誰設計,為見過實物的老一代,還是數字原住民的未來一代?
---
從擬物到扁平,正是數字世界附屬于真實世界,到數字世界融入真實世界的轉變。這種轉變中,信息從浮現到變得重要,因此,也促成了強調信息,減少擬物對信息的干擾的扁平設計。
比如下面這個例子:
左側是“擬物”性質的鍵盤,右側是“扁平”性質的鍵盤,顯然,從細節層面上,擬物鍵盤包含了過多的信息,相比,扁平鍵盤足夠的簡潔,只留下必要的信息,因而從界面整體上,右側的輸入誘導性、體驗,要比左側更好。
未來,數字世界將平行于世界,屆時,設計的風格會從扁平到什么呢?
物對數字世界的影響力正在遠離,數字世界正在自成一體。反過來,數字世界將會影響真實世界。
---
有趣的是,與UI上,從“擬物”到“扁平”不同,交互上,“擬物”的重要性正在加強。這就是Google推出的“Material Design“所要強調的。
(關鍵詞:擬物,扁平,UI)