OpenRay手記:扁平化設計

你有沒有留意,電腦桌面上的程式圖案,以至圖案下的文字都有一個小陰影。這個陰影可以增加圖案的立體感,提升美感。此外,陰影令圖案「浮」起,令人知道該圖案是一個可以按的按鍵,而不是一個圖案。現在大部分電腦介面的設計,包括視窗或網站設計等,都會使用陰影。最新的iOS 7卻一反傳統,全面去除所有陰影,令圖案不再「浮」起,是為扁平化設計。

iPhone的新作業系統iOS 7,跟過往版本大為不同,幾乎改用了一個全新的介面,是iPhone有史以來最大的一次升級。首先,整個介面設計被精簡了很多,感覺清新。其次是過去被人說老套的「擬物化」風格被適量地移除,以及全面改用扁平化設計,除去所有陰影。

事實上,扁平設計並不是iOS 7所獨有。在過去幾年,視窗手機已率先應用,其操作介面是一個個沒有陰影的方塊,簡單好看。不過,扁平化設計也有其問題,就是用戶未必知道圖案是單純的圖案,還是可以按的按鍵。以往有陰影設計,陰影有浮雕效果,令圖案跟背景分離,令人一望而知是按鍵。因此視窗手機的扁平化設計,起初也不為用戶接受,要經過好幾年,用戶才慢慢適應。

在圖案上加入陰影,會耗費電腦的運算資源,因此20年前的電腦,並不會有陰影圖案。近10多年電腦速度突飛猛進,才出現陰影設計。想不到20年後的今天,設計風格又返璞歸真,走扁平化路線。

電郵:ray@openrice.com

鍾偉民(Ray)‧飲食網站創辦人