可視化設計中的形式美法則

本文總結了可視化中常用的4種形式美法則。

1、主從與重點

nn設計者必須將用戶的注意力集中到可視化結果中的最重要區域。如圖一，Kaspersky的「網路實時地圖」中，最重要的區域是中間的地球，下方和右側的說明和控制區域是配角，明確地展示出主從關係，形成主次分明的層次美感。此外，運用色彩和動效對攻擊主戰場的強調，也打破了全局的單調感，使整個畫面顯得有活力。反之，若設計者不對可視化結果中各元素的重要性進行排序，並改變重要元素的表現形式使其脫穎而出，則用戶只能以一種自我探索的方式獲取信息，從而難以達到設計者的意圖。

圖一、Kaspersky的網路實時地圖 地址：Kaspersky Cyberthreat real-time map

需要注意的是，可視化界面中重點過多就等於沒有重點，配角的一切行為都是為了突出主角，切勿喧賓奪主。

2、比例與尺度

nnnn可視化的設計空間必須有效地利用，盡量使重要元素置於可視化設計空間的中心，同時確保各個元素的均衡分布，因此，各部分的比例和尺度需要合理布局。這裡推薦一個討巧的辦法，使用1：0.618的黃金比例來給界面布局。如圖二，NORSE的界面採用黃金分割上下布局，圖文的比例關係合理，在最大程度的凸顯攻擊場景的基礎上，文字閱讀起來也輕鬆流暢，整體上還彰顯了簡潔大氣的風格。

圖二、Eye candy-addictive 地址：Norse - IPViking Live

3.節奏與韻律

nn成功的可視化設計總是以明確動人的節奏和韻律將無聲的元素變為生動的語言和音樂，給人以美的享受。節奏與韻律是通過模塊大小的區分、空間虛實的交替、元素排列的疏密、長短的變化、曲柔剛直的穿插等變化來實現的。如圖三，Arbor的「數字攻擊地圖」中，模塊的大小、色彩的冷暖、線條的粗細和方向、動效的快慢等變化，形成了界面的節奏與韻律。

圖三、Arbor networks的數字攻擊地圖 地址：http://www.digitalattackmap.com/

另外，恰到好處的留白也是事物節奏的體現，因為有了留白，才產生節奏。如果設計者能夠巧妙留白，給用戶留下適當回味思考的空間，既烘托主體，也緩和了視覺緊張，增強內容的易讀性。一些可視化設計標題放大了說是為了吸引用戶，版面上放很多元素說是為了讓用戶更深地了解設計的意圖，但是往往這些作品很失敗，原因就是缺乏空白的襯托。

4.穩定與輕巧

nn穩定是整體，輕巧是局部，整體與局部、理性與感性的兼容，形成完美的可視化表現形式。如圖四，FireEye的「網路威脅地圖」中，黃、綠、藍、黑四色是界面的主要色彩，藍、黑給人穩重高雅的感覺，而綠色中和了黃色的耀眼，沖淡了藍、黑的沉悶，所有的搭配都是為了最終形成穩定與輕巧的完美統一。

圖四、FireEye的網路威脅地圖 地址：Cyber Threat Map

需要注意的是，要注意色彩的輕重結合，面積和形狀的大小分配協調，整體布局的合理完善等問題。

nn總之，在可視化設計的過程中，運用主從與重點、比例與尺度、節奏與韻律、穩定與輕巧等形式美法則，通過空間、文字、圖形之間的相互關係建立整體的均衡狀態，產生和諧的美感。在實際運用過程中切忌一味的照搬，很多時候都需要將它們結合起來，以多種形式進行創作，最終達到高效傳達的目的。

希望對你有啟發~

謝謝閱讀：）

設計師康康