運用對齊的原則
對齊在設計中算是很基礎的知識點,畫面顯亂很多情況是元素的胡亂擺放,毫無規律可循,那麼合理的運用對齊的手法是避免畫面亂很好的解決方式,對齊的過程也就是規整畫面元素的過程,比如常見的:
左側給人的感覺是雜亂無章的、毫無規律可言,很容易讓用戶反感,而右側雖然在形態上參差不齊,但是因為運用瞭對齊的手法,並不會在視覺上呈現出很亂的感覺,因為無論什麼模塊,都按照瞭左對齊的方式擺放,這就起到瞭很好的規整作用;對齊手法,無論是在文字編排、海報設計、頁面設計等等方面都是基礎的,也是最常用的;其實對齊也能起到很好的串聯作用,因為視覺上按某種規律存在的元素會被用戶下意識的認為是具有相關聯的。
串聯視覺元素
畫面太亂最常見的原因之一是因為元素之間沒有形成呼應,也就是每個元素都是獨立的,互無關聯性,在用戶腦海中無法形成一條完整的視覺鏈條,而這樣的畫面相對是容易呈現出亂的感覺;那麼避免畫面太亂常用的技法之一:將原本各自為戰的視覺元素串聯起來,在視覺上呈現出關聯性,形成一條不會斷開的視覺鏈條;比如視覺形態的串聯:
這裡把每一個色塊當做畫面中的不同的視覺元素或者欄目,左側和右側都運用瞭對齊的原則,但是從視覺感受上說,相比而言左側整體感覺還是亂,出現亂的原因在於:每個視覺元素在形態上毫無關聯性,都是獨立存在的,無法在用戶腦海中形成很鮮明的視覺鏈條;而右側相比而言減少瞭很多不同的視覺形態,這使得整體有瞭很好的統一,在排列方式上也是左右右左的形式,能在很短的時間內讓用戶形成一個視覺慣性,這樣就很好的避免瞭畫面亂問題的出現,但是也並不是說一定要讓元素1:1重復擺放,而是說讓每個元素之間相互有關聯性,比如:
左側和右側視覺元素位置是一致的,但是左側給人的感覺卻是雜亂的,因為每個視覺元素之間毫無關聯性,而右側則是保持瞭同種調性,整體都采用瞭金屬材質的感覺,把每個單獨的視覺元素放在一個整體看,又能形成一個完整的視覺鏈條,最後通過簡單改變形狀,使得整體不至於因為太統一而顯得單調,這就是在統一時找變化,在變化中找視覺聯系!
串聯視覺元素的方式也可以是色彩上的,通過顏色的呼應形成很好的串聯作用,比如常見的:
這裡要表達的就是盡可能把整體色彩串聯起來,而不是毫無關聯,顏色的多樣性帶來的是視覺上的不統一,這也是為什麼配色時盡量做到色相不超過三個的原因,且盡量保持飽和度和明度接近,任何元素的完全獨立都有可能帶來視覺上的雜亂,盡量做到有種隱藏規律在約束視覺元素,且各個獨立元素之間最終能形成一個視覺鏈;再比如,一些WEB設計或者官網頁面設計作品,對於顏色的呼應是要求很高的,呼應的目的就是為瞭使得元素與元素之間相互關聯,形成視覺上的串聯,下面舉個例子:
source:http://www.shejinet.com/news/view-1-23406.html