界面設計中扁平化風格探析

◎張大慶

界面設計中扁平化風格探析

◎張大慶

指出界面設計扁平化風格是時代需求，分析扁平化頁面設計在形式和色彩上的安排，并提出相應的設計要求。

扁平化 界面設計 形式

一、扁平化風格是應時代需求

扁平化界面有助于提高用戶體驗——效率。其一，在視覺效果方面，例如：Andriod手機有很多種分辨率，要想使同一個App在各種分辨率中都能清晰顯示，就需要準備多套資源以對應，ROM資源里就存在hdpi、1dpi、mdpi等資源以對應各種不同分辨率，這樣一來，調用的資源越多，程序運行的速度就越慢。扁平化設計風格傾向于矢量風格圖形，在一定程度上減弱對像素精度的依賴，從而創建出適應性更高的用戶界面。類似的問題在Windows7系統中也很突出，雖說Windows7視覺效果比起XP而言要炫得多, 但同等配置下的Windows7運行速度卻遠遠低于XP系統。扁平化風格設計可以很好地解決這些問題，讓系統運行更流暢，從而提高用戶操作體驗。

1.扁平化設計的原則

（1）頁面的形式安排

“對齊”能夠創造更整齊劃一的版式，讓信息傳達更加清晰快捷。文本內容的位置，可以讓其邊緣按照普通的行或列對齊，或者讓其主體按照一個中心點排列。視覺元素應該以一個或者多個要點對齊，這樣能創造出一致性與相符性，增加設計的整體美感，使人覺得消晰舒適。

（2）80/20 法則的運用。

在好的界面設計中，大約80％的效果是由20％的變量造成的。比如，一個產品，設計師用的是它關鍵的20％的功能，那么設計師就應該把80 ％的時間、設計和測試資源都用在這些功能上面。設計中的元素是有主次之分的。設計師可以利用80 / 20 法則來評估系統元素之間的價值，并做出更加優化的決策。形式布局上的容易使用也是扁平化頁面形式安排上應著重考慮的。設計出的東西和環境應該無需改變就能使用，并能給越多人使用越好。扁平化還應注意界面的美觀實用效應。好用但不美觀的設計，接受度往往不高，也就談不到是否實用了。這些偏見及其帶來的一系列后續反應是很難改變的。美學在設計使用上起到了重要作用，美觀的設計更能促進正面態度的形成，而且人們會更愿意容忍美觀設計的缺陷。

2.頁面的顏色安排

扁平化風格頁面設計的顏色安排對顏色的數目，顏色的組合和純度都提出了相應的要求。

（1）顏色的數目。扁平化使用顏色的數目要盡可能的少。一個設計作品。一眼掃過去，所能接受的顏色數目要盡可能的少。因為大多數人的顏色觀覺是有限的。不要把顏色當作信息表達的唯一途徑；（2）顏色的組合。為使顏色的組合達到美觀。扁平化設計利用色環上的色彩（相似色）、色環上相反的顏色（輔色）、色環中對稱多邊形角上的顏色（三角形和正方形）和大自然中的色彩組合；（3）純度。如果色彩的主要目的是吸引注意力，可以利用飽和色（純色）；如果效果和效率是主要目的，則利用去飽和度的色彩。通常，扁平化運用去飽和度、明亮的色彩，會使人感覺友善，而專業。

二、扁平化不是簡單化

1.可理解性。在扁平化風格界面設計中，最需要考慮是可理解性。設計的可理解性很大程度上取決于界面如何向用戶表達功能。設計中要表達出那些有用的功能，可是，如果功能以一種難以理解的方式表達，那么它們基本上就不能發揮作用；2.有效性/可用性。有效性要求扁平化必須能夠提供必需的功能來滿足用戶的需求。這意味著在繪制系統中的設計應該提供繪制圖形所必需的所有工具，或者意味著網站需要提供滿足用戶需求的各種信息；3.簡潔性。簡潔是一種高層次扁平化原則。

扁平化設計既是簡潔又是高效的事物，是設計過程中一件難以完成的任務。

在Ockham’s razor中對簡潔的概念有很好的描述，它是由中世紀英國的哲學家和圣芳濟會的僧侶Ockham Willian提出的。該原則可以理解為如果給出了兩個水平相當的設計，最簡潔的那個是最好的。在物理和圖形設計等學科中，它是一個被廣泛接受的概念。同樣，在扁平化交互設計中也需要很好地使用這個原則。設計者減少不必要的細節并去掉了不易于理解的元素。同時，簡潔性原則要求設計應當只包含表達必要信息所需的元素。

4.可記憶性

可記憶性原則可用來提高設計的效率。具有較好的可記憶性的扁平化界面易于用戶學習和使用，而且便于用戶進行控制。

可記憶性的交互設計將會使扁平化界面更加易于理解和高效，因為用戶不需要過多的思考。這允許用戶使用已有的經驗進行界面設計。

三、結語

扁平化并不是完全沒有設計效果的設計，只是少了一些多余的人造的維度。并始終將用戶的需求放在首位，牢記“用戶的需求高于美學追求”。不論哪種應用設計風格的選擇，都應該取決于實際功能。無論何種視覺風格，精準的信息表達，良好的交互體驗才是界面設計的根本。

[1]夏穎“數字產品界面中樸素的設計和冗余的設計”,《裝飾》,2013.05

（作者單位：長江大學藝術學院）

（責任編輯 陳天賜）