你用8秒看世界，他用12個視覺法則套路你
人的平均注意力只有短短的8秒，好的視覺設計效果能夠留住更多的目光。比如，它能影響人眼感知畫面信息的順序，或是對一個畫面元素保持更多的關注時間。
在設計師的世界裡，存在著12個視覺層次結構法則。它對於任何設計的成功，都有著至關重要的作用。
▼
▼
▼
仔細看，下面的對比圖，能讓你更快的理解這些法則。
- 01 -
排版的層次
圖 | 排版層次規則對比圖
比如：一張名片，除了正面的公司名稱和LOGO，最突出的部分應當是持卡人的姓名，然後是職位、聯繫方式，以及其他信息。
- 02 -
尺寸vs比例
圖 | 尺寸和比例規則對比圖
把設計出來的畫面，還原到真實世界中，就會得到最好的答案。圖例中人與鯨的，調整後的尺寸和比例，才是我們正常認知的視覺感受。
- 03 -
顏色vs差異
圖 | 顏色和差異規則對比圖
如果你的設計中，需要突出群體中的個體特徵，不同的色彩和形態能夠幫到你。
- 04 -
間距的作用
圖 | 間距規則對比圖
兩個元素之間的關係，通過調整適當的距離就能有微妙的變化。圖例中，宇航員與月球之間在調整距離後，視覺上就產生了空間感。
- 05 -
新密度
圖 | 新密度規則對比圖
想要表現一個團隊，新密度是一個必要的畫面語言。成員之間零距離的組合，傳達出一種親密無間的夥伴關係。
- 06 -
運用負空間
圖 | 負空間規則對比圖
負空間設計漸漸流行起來，它能帶給我們不同的視覺感，進一步影響到內心的感受。同樣是兩隻手，利用負空間呈現出來的疊加效果，既有元素之間的層次感，又領會到更多的畫面情感。
- 07 -
整齊排列
圖 |排列規則對比圖
整齊的畫面語言，會帶給我們更優質的視覺體驗。元素的整齊排列，文字的大小組合、兩端對齊，都是行之有效的方法。
- 08 -
安排零碎的元素
圖 |安排元素規則對比圖
在設計過程中，會用到多種元素。整潔、有序的元素，會帶給我們舒服的感受。即使你不懂設計，也能很輕易的感受到這一點。
- 09 -
元素重疊
圖 |重疊元素規則對比圖
設計元素可以單獨使用，也可以組合使用。如果這兩種方式不能達到最佳效果，重疊排列也許能夠表現出更豐富的畫面層次。
- 10 -
引線構圖
圖 |引線構圖規則對比圖
在攝影作品中，常會運用到這樣的構圖方式。比如：通向遠方天路、蜿蜒的河流……它會產生一種延伸的效果，讓畫面產生結構感，從而使得畫面的空間更加立體。
- 11 -
三分之一規則
圖 | 三分之一規則對比圖
平面設計受到靜態畫面的限制，如果想要表現出動態感，可以嘗試三分之一法則。空間與人物的層次關係，在你挪動滑鼠後就產生了。
- 12 -
角 度
圖 | 角度規則對比圖
換個視角看世界，世界大不同。平行視覺，我們只能看到一個人及其常規的工作狀態。變成俯視後，畫面層次更加豐富。不但能看到工作者桌面上的內容，還可能對他的工作性質、個人喜好、興趣愛好等產生聯想。也許，這就是很多大神設計師提到的，用你的作品講故事。
------------------
視覺層次結構法則，能夠幫助設計師們創造出美觀、有趣的設計。那位第一個發現視覺層次法則的設計師，想必是經歷了數不清的嘗試呢。所以說，成功的設計師也一定是不折不扣的實踐家。
▼
▼
▼
- END -
以上圖片 | 來源於網路
TAG:加油設計師 |