從大體來說:當用戶在瀏覽信息很多的網頁時,作為設計師要做到:即使用戶隻是簡單的瀏覽,也要有能在用戶腦海中形成記憶的視覺元素,而這些元素就是視覺中的主,而當用戶仔細閱讀時才能記憶到的元素才是視覺上的次;從局部來說:要能在視覺上形成先後順序;這期的內容就是:設計中體現視覺次序手法有哪些?這些也是打破板式的常用手法!
大小對比
首先,每個人在瀏覽東西時都會有自己固有的習慣,比如:從上到下、從左到右,這叫常規方式,而作為設計師,不僅僅要隻局限於常規形式,完全的常規帶來的是設計上的枯燥、乏味!要學會利用設計知識打造不同的視覺次序,營造出更強烈的設計感、層次感!
在眾多營造視覺次序的手法中,大小對比幾乎是每個人都能想到的一種形式,也是很多人認為的最簡單的一種,比如:
通過大小對比的形式能很直觀營造出視覺焦點,這種形式在設計中也是最容易接受得一種;如果左側放置的是也是四塊小的產品,給人的感覺就會顯得枯燥、乏味,板式太過統一,而正是因為這種放大產品的處理手法,拉開瞭對比,才使得板式不顯呆板!這種形式無論是在文字排版、海報、頁面都是很實用的一種,合成設計中的近大遠小也同樣適用,隻是在做對比效果時一定要大膽!
配色方式
通過改變不同的配色方式,也能在視覺上營造出視覺層次的變化,比如我們常見的通過有彩色與無彩色進行區分手法:
在原本無彩色的排列方式中加入有彩色,在視覺上就形成瞭很強烈的差異化,而正是因為有瞭強烈的差異,使得存在差異的部分成為瞭更容易吸引用戶的區域,所以就在視覺上形成瞭先後順序,同時這種差異的形式也能起到一定打破板式、活躍板式的作用;而在有彩色之間,同樣也能通過差異化形成視覺上的主次,比如:
第一行色塊能最快引起註意的是第二個,通過色彩飽和度的不同,在視覺上形成瞭很明顯的差異化,進一步改變瞭原本的做從左往右的習慣性視覺次序;而第二行色塊中最快能引起註意的是紅色,因為這裡用到瞭改變色系的形式進行視覺上的次序劃分;而之所以在有彩色中也能很好的體現視覺層次最重要的一點是,他們之間形成的差異足夠明顯,而不是似有非有!
形態不同
營造不同的視覺次序最重要的就是在正常人習慣的固有次序上尋找變化,那麼我們同樣可以以形態上的變化作為差異化的形式,比如:
在固有的形態中尋找其中可以引起差異化的元素,從視覺感受而言可以分為兩種:第一,改變瞭原本的習慣性的閱讀方式,也使得整體主次發生瞭變化;第二,原本枯燥、呆板的重復式的結構上因為元素形態的改變,也起到瞭打破整體板式的作用,使得整體板式變化更多,層次感更強且板式因此也變得更加活躍;形態上的變化還可以這麼體現:
雖然都是矩形框,但是線框與色塊形成瞭很明顯的差異,同樣也可以體現視覺層次,而這種形式在很多頁面中也很常見:
這也是板式設計中很重要的一部分,也就是尋找可以打破板式且營造視覺層次的元素,正是因為這些手法,才使得板式更豐富、更富有多變性!
source:http://www.shejinet.com/news/view-1-23194.html