同樣一個三角形，位置不同，差別極大。本文總結了6個有趣的視覺設計基礎技巧，高級設計師都在學，一起來看看！

重力

重力適用于物體和形狀，同樣也應用在視覺傳達中。這里說的重力并不像生活中理解的那樣將平面物體向下拉。

但是，引力的概念深深地扎根于我們對現實的感知中，以至于它甚至可以轉換為頁面上的二維物體。

? 頂部的物體好像隨時會墜落一樣，應該會感到有點不舒服

? 這張圖視覺重力與上圖相反

這種構圖形式，看上去不像是要掉落的物體，而更像一個物體停留在頁面底部。

通過這個例子能說明什么呢？當你在規劃頁面時，頂部的視覺壓力可能會造成不安，可以有意識地嘗試其他版式 （除非你就是要傳達這種感覺）。

閱讀方向

通常情況下，我們的閱讀順序是從左到右，從上到下。這種習慣應用到界面上，很自然的理解成左側的對象為進入，而右側的對象為離開。

△?左邊的物體像是剛進入了畫面。在下方，圓圈感覺像是在退出

△ 右側邊的物體像是要離開畫面

你也可以使用它來傳達某些情緒。例如，想讓一個物體看起來像在偷窺嗎？

△ 看，我在左下角偷窺你

或者要傳達要逃跑的物體。當畫面元素豐富時，還可以建立更直觀的場景。

△?有內鬼，開遛～

閱讀優先

因為我們從左到右從上到下閱讀，所以我們自然會先看到左上角的對象，然后我們的眼睛自然會移到右下角，然后再看那里的東西。這一點很重要，因為如果你嘗試創建視覺層次結構（比如你希望用戶先看到標題，然后再看到內容），即使它們的形狀、顏色、大小相同，也可以使它們放置在此處有所不同。

這里擴展一下，有一個著名的法則，古騰堡圖。

古騰堡圖，又叫對角線平衡法則。由 14 世紀西方活字印刷術的發明人約翰·古騰堡提出。它揭示了一個實用的視覺軌跡規律：閱讀引力是從上到下，從左到右。

從圖中可以看出，用戶視線很自然的會從第一視覺區開始，逐漸移動到終端休息區。整個閱讀過程視線都會沿著一條方向軸開始從左到右瀏覽。用戶會更容易關注到頁面的開始與結束區域，除非有特別的視覺強調，否則中間的段落則很少被關注到。

遵循古騰堡原則把關鍵信息放在左上角、中間和右下角，能夠更好的體現元素的重要性。例如：我們平時所看到的頁面彈窗、各種證明文件和合同文件等等。

* 這個規律只適用于習慣文字以從左到右水平形式書寫的讀者，若是以古代中國人的閱讀習慣可能就不適用了。

視覺張力（Visual Tension）

不知道視覺張力什么意思？舉個例子，嘗試把手機放在桌面邊緣處（例子而已，別真放），懸空的部分越多越好，是不是感覺手機要跌落出去了，但還沒真的跌落。你總能感受到物體的動勢，往相同（或不同）方向運動。通常情況下，視覺張力只是無意識的。設計師沒有意識到他們不小心將形狀彼此相鄰，不知不覺中產生了張力。這可能是無意造成的。

? 定睛一看，這是啥？藝術？？？

? 上圖突出顯示的所有張力點

其實你可以利用視覺張力，使用視覺張力吸引用戶的視線并強化重點。也許你正在設計夸張形式的海報，或者你想將某人的注意力集中在某物上。

? 相同的構圖，其中的張力集中在特定的位置，并且有意將其放在特定的位置

動態與靜態

靜態的構圖經常會讓人感到無聊、呆板。改變它的捷徑只需簡單地傾斜地平線。

? 一張感覺平靜的靜態圖像

? 傾斜地平線后，城市景觀看起來有趣了不少

為了使構圖更具動感和刺激性，你可以結合畫面邊緣并讓形狀出血的形式來實現。

? 3 點透視構圖

負空間

你可以使用帶有指向性的形狀來創造負空間，以此暗示某一畫面區域。

??傾斜的三角形，可以引導你的視線向上和向右移動（形狀微小時不會有這種視覺引導）

但有一個問題，當你視線到達頁面右上角時，你的注意力可能會消失。你的眼睛移過對象，但是那里的空間太大，而來自三角形物體的方向不再指使著視線繼續移動，你的視線會從這部分區域移開，該區域沒有焦點了。

但是，通過裁剪/縮放的方式，讓指向性形狀再次出現視野中，指向關系得到強化。整個畫面的空間，看起來既有意又很有趣。

通過這個例子，我們可以得到什么啟發呢？如果你要移動某人的視線到目的處，有兩個辦法可以選擇。第一種，在畫面中增加帶有負空間的指向性物體，指向目的處，這樣視線就被引導著移動。第二種，從起始點到目標處，可能要經歷很長一段距離，但注意別丟失引導性的指示，否則視線會分神。

歡迎關注作者微信公眾號：「RaDesign」