前言：也許你聽說過一些如點、線、面的平面設(shè)計原則，或者看過是對比、重復(fù)、對稱、對齊之類的排版技巧。而今天我們分享些鮮為人知的，可以提高視覺的設(shè)計原則。也希望你能通過這些原則來提升設(shè)計水平。

6個高級的視覺設(shè)計原則：

1、重力

重力不但適用于物體，也適用于形狀。在視覺傳達中，這聽起來可能很奇怪，原因是這里的重力并不是現(xiàn)實生活中那樣的，它并不是一種真正的向下拉動二維物體的力。

由于引力對我們感知的影響是如此根深蒂固，也影響到我們對頁面上的二維物體的感受。以下圖為例，你會覺得有點不舒服，就好像你在等待頂端的圓圈隨時掉下來一樣。（比如設(shè)計的頭重腳輕）

現(xiàn)在看看下面這張與之相反的圖：

這樣的構(gòu)圖就不會讓人覺得像一個即將落下的球，而更像是一個物體在頁面底部休息。給人的感受是安全的，平靜的。

所以，當(dāng)你在設(shè)計頂部視覺上很重的東西時，要意識到這一點，這樣做可能會讓人感到不舒服和焦慮(當(dāng)然，除非你想要傳達的是這種感覺)。

2、閱讀方向

在西方社會，我們從左到右，從上到下地閱讀。因此，左邊的物體被認為是進入，右邊的物體被認為是離開。

比如左邊的這個圓，因為我們從左到右閱讀，所以圓圈感覺就像是在進入構(gòu)圖。而下面的這張圖，圓圈感覺像是在退出。

你也可以用它來傳達某些情感。例如，如何讓一個對象有窺視的感覺？你就可以像下面這樣創(chuàng)建一個構(gòu)圖:

或者反過來，想要傳達一個物體(或角色)逃跑?

3、閱讀優(yōu)先級

因為我們從左到右從上到下閱讀，我們自然會先看到左上角的物體，然后我們的眼睛自然會移動到右下角，看那里的東西。

這一點很重要，因為如果你試圖創(chuàng)建視覺層次結(jié)構(gòu)，比如你想讓用戶先看到標(biāo)題，然后是內(nèi)容，你放置東西的地方，即使它們是相同的形狀/顏色/大小，效果也會有不同。

舉個例子:

如果你從小讀的是從左上角到右下角的書，你很可能會先看左上角，然后再看右下角。

4、視覺張力

我曾經(jīng)把這描述為身體緊張的翻譯和放大，就像是當(dāng)你看到一個裝滿液體的杯子坐在桌子邊上時的感覺。

視覺上的緊張感通常是無意識的——設(shè)計師沒有意識到他們無意中把形狀相鄰地放置在一起，在不知不覺中產(chǎn)生了緊張感。這可能會顯得草率。看看下面的圖片:

感覺到不舒服了嗎?下面我把所有的緊張點突出表示了出來。

并不是禁止這么做，你可以使用視覺張力來吸引用戶的眼球并強調(diào)。比如當(dāng)你正在為一個抗議活動設(shè)計海報，或者你想要吸引某人的注意力的時候，在這些情況下，讓設(shè)計有張力和沖突是有意的，而不是一個錯誤。

下圖是同樣的構(gòu)圖，將緊張感集中在一個特定的位置。

5、動態(tài)與靜態(tài)組合

靜態(tài)組合通常會讓人覺得無聊。一有個簡單的方法就是傾斜地平線，可以讓它變得更有趣。下面是一個讓人感覺陳舊的靜態(tài)圖像的例子。

現(xiàn)在，將地平線傾斜，突然之間，城市景觀看起來令人興奮了。

為了使構(gòu)圖更加有活力和令人興奮，你可以使用邊界，讓形狀在它外面發(fā)散。比如這個透視構(gòu)圖:

6、激活負空間

你可以使用定向形狀來激活負空間到一個點。但如果方向力太小，負空間就不會活躍。下圖是一個能吸引你注意力的形狀，然后讓你的眼睛向上和向右移動。

但是，當(dāng)你到達頁面右上角時，你的注意力可能已經(jīng)消失了。你的眼睛掠過物體，但那里的空間太大，而讓你的視線從物體上落下的方向力太少，空間仍然不活躍。然而，通過一些剪切/縮放：

如此一來，形狀周圍的空間顯得有意思而活躍起來。

明白了嗎？如果你試圖移動別人的視線，想讓他們意識到不活躍的空間。

一個簡單的技巧就是用手指著物體，讓視線沿著自然的方向移動，然后注意你的注意力自然消失的位置。如果它是在你想要的位置之前，你就需要調(diào)整你的布局，無論是形狀或邊界的布局，以保持負空間活動狀態(tài)。