6个小技巧,让你的视觉层次快速提拔 石家庄广告设计

發布時間:2019-04-22點擊量:32

在設計環節中,對于視覺次序的營造是每個設計師所必須精通的,視覺次序也可以理解爲視覺層次,它是設計中的必然,無論是海報設計還是頁面設計,從整體來看總會有強弱、主次之分,因爲有了視覺上的變化,才使得整體更富有層次感。從大體來說:當用戶在浏覽信息很多的網頁時,作爲設計師要做到,即使用戶只是簡單的浏覽,也要有能在用戶腦海中形成記憶的視覺元素,而這些元素就是視覺中的主,而當用戶仔細閱讀時才能記憶到的元素才是視覺上的次。從局部來說,要能在視覺上形成先後順序。這期的內容就是設計中體現視覺次序伎俩有哪些?這些也是打破版式的常用伎俩。

1、大小對比

首先,每個人在浏覽東西時都會有自己固有的習慣,比如:從上到下、從左到右,這叫常規方式,而作爲設計師,不能僅僅局限于常規情势,完全的常規帶來的是設計上的枯燥、乏味。要學會利用設計知識打造不同的視覺次序,營造出更強烈的設計感、層次感。

在衆多營造視覺次序的伎俩中,大小對比幾乎是每個人都能想到的一種情势,也是很多人認爲的最簡單的一種,比如:

1.jpg

通過大小對比的情势能直觀營造出視覺焦點,這種情势在設計中也是最容易接受的一種。如果左側放置的也是四塊小的産品,給人的感覺就會顯得枯燥、乏味,版式太過統一,而正是因爲這種放大産品的處理伎俩,拉開了對比,才使得版式不顯呆板。這種情势無論是在笔墨排版、海報、頁面都是很實用的一種,合成設計中的近大遠小也同樣適用,只是在做對比结果時一定要大膽。

二、配色方式

通過改變不同的配色方式,也能在視覺上營造出視覺層次的變化,比如我們常見的通過有彩色與無彩色進行區分的伎俩:

2.jpg

在原本無彩色的排列方式中加入有彩色,在視覺上就形成了很強烈的差異化,而正是因爲有了強烈的差異,使得存在差異的部分成爲了更容易吸取用戶的區域,以是就在視覺上形成了先後順序,同時這種差異的情势也能起到一定打破版式、活躍版式的作用。而在有彩色之間,同樣也能通過差異化形成視覺上的主次,比如:

3.jpg

第一行色塊能最快引起注意的是第二個,通過色彩飽和度的不同,在視覺上形成了很明顯的差異化,進一步改變了原本的做從左往右的習慣性視覺次序。而第二行色塊中最快能引起注意的是紅色,因爲這裏用到了改變色系的情势進行視覺上的次序劃分。之以是在有彩色中也能很好的體現視覺層次最重要的一點是,他們之間形成的差異足夠明顯,而不是似有非有。

3、形態的不同

營造不同的視覺次序最重要的就是在正常人習慣的固有次序上尋找變化,那麽我們同樣可以以形態上的變化作爲差異化的情势,比如:

4.jpg

在固有的形態中尋找其中可以引起差異化的元素,從視覺感受而言可以分爲兩種:第一,改變了原本的習慣性的閱讀方式,也使得整體主次發生了變化;第二,原本枯燥、呆板的重複式的結構上因爲元素形態的改變,也起到了打破整體版式的作用,使得整體版式變化更多,層次感更強且版式因此也變得更加活躍。形態上的變化還可以這麽體現:

5.jpg

雖然都是矩形框,但是線框與色塊形成了很明顯的差異,同樣也可以體現視覺層次,而這種情势在很多頁面中也很常見:

6.jpg

7.jpg

這也是版式設計中很重要的一部分,也就是尋找可以打破版式且營造視覺層次的元素,正是因爲這些伎俩,才使得版式更豐富、更富有多變性。

4、空間留白

當请求不能改變很多時,在原有的基礎上只需要改變空間地位或者留白方式,也可以營造不同的視覺次序,比如:

8.jpg

在不改變其大小、顔色、形態的前提下,只是改變了空間留白,也能起到改變視覺次序的作用;而在編排或者標題設計中,通過空間留白的方式拉開層次、次序也很常見:

9.jpg

同樣是重複的情势,左側完全沒有給人一種有層次、有次序的感覺,在用戶眼中,這只不過是一團信息;而右側通過改變留白的方式充分的體現出視覺上的層級關系,每一個獨立存在的標題或者欄目之間都應該用留白的方式體現,這種留白要遵循的原則是:標題與案牍的留白要小于欄目與欄目之間且大于說明性笔墨信息之間,只需這樣才能真正意義上的將層次拉開。

5、投影的方式

投影在設計環節中是很常用的一種伎俩,通過投影可以體現出前後層次,也能改變視覺次序,比如頁面設計中的:

10.jpg

這裏只是在色塊上添加了簡單的投影结果,原本的視覺次序就瞬間被打破,而這種投影在海報設計中最常用的是打破前後關系,使得海報更有層次感:

11.jpg

這種大投影的方式,是很多海報以及頁面中常用的伎俩之一,因爲有了投影,使得畫面整體形成了明顯的層次關系,而投影對于用戶來說也是很容易接受的,比如:按鈕的投影、主體的投影等等,看似很小的改變,往往能給頁面帶來很明顯的结果。這種情势也可以理解爲形成遮擋關系,在一些小場景的設計中,一樣很實用:

12.jpg

13.jpg

有了遮擋關系,就會形成視覺上的層次,這種看似簡單的伎俩,最終所呈現的结果卻是立竿見影的。

六、高斯模糊

拉开视觉次序的另一种伎俩:模糊,很多人对于 PS 里的模糊工具并不陌生,而通过将视觉元素模糊化处理,一样能起到营建视觉层次的结果,比如我们常见的电影海报中:

14.jpg

15.jpg

通過虛實對比,使得視覺層次變化更強,這也是合成設計中常用的伎俩之一,而在笔墨設計中,一樣可以通過這樣的伎俩來拉開視覺次序關系,比如:

16.jpg

通過模糊字體中某個筆畫,在視覺上形成了一定的空間關系,也使得整體層次感更加豐富,這也是很多設計師喜歡在作品的最後環節加一些飄飛模糊的點狀元素豐富整體的原因:

17.jpg

18.jpg

視覺層次的變化對于整體而言是不可缺少的一部分,有時只需要一點點的變化就可以帶來意想不到的结果。


返回列表
關注小金体育网址官网設計