那些隱藏在版式背后的邏輯
- 2019-06-26 15:44:58
- 來源/作者:互聯網/佚名
- 己被圍觀次
我相信剛剛接觸設計行業的小伙伴,對于眼花繚亂的各種特效,往往是沒有抗拒能力的,所以在實際的排版工作中,為了能夠得到美觀的作品,勢必會用到畢生所學,將自己認為好看的
很顯然,在畫面中視覺面積更大的物體會優先被我們注意到,說到“放大”這個操作,我們頭腦中應該會立即浮現出甲方大人那句“logo要大”“標題要大”“賣點要大”

沒錯,放大的確是創建層級的主要手段,但問題在于一個元素的大小是相對而言的。

想要讓一個元素看起來足夠大,反過來也就是讓周圍的元素變小就可以了。

那么問題來了,究竟應該放大哪些元素,縮小哪些元素呢?難道只憑我們的感覺隨便處理嗎?答案當然是否定的,盲目的放大是解決不了實際問題的。

元素的大小需要根據信息的重要程度去安排。層級的出現,讓信息的傳達更加直觀,提升了的人們理解信息的效率。

隨著對于信息層級這個問題的進一步深入,我們多少會有所疑問,在內容允許的情況下,層級可以無限劃分下去嗎?我們都知道人眼在看文字時,如果文字縮放的太小,就會有讓人看不字的情況出現,所以版面中是存在一個最小字號的。而版面的尺寸通常是有限的。那么一個版面中最多能出現多少個層級呢?接下來我就帶領大家一起去數一數。

如果僅針對文字來說的話,這個版面中的字號一共有兩種尺寸,這個版面也是一樣的。

這個版面可以明顯看出,字號有三種不同的尺寸。首先我們會看到最大的標題文字,其次是中號文字,最后是小字號。


這個版面中一共出現了四種字號。


在版面尺寸允許的情況下,還可以繼續劃分下去,這個版面由五個層級。


這個版面則有六種完全不同的字號大小。
到這里我們可以得知,在版式設計中,相對較為常見的字號層級可以劃分到六種,當然這個還可以繼續劃分下去。層級在版式設計中具有重要地位。信息之間的強弱變化,體現最明顯的也就是視覺面積上的差別。而除了文字之間的層級對比,圖片也具有相同的屬性。


這個版面中圖片具有兩種尺寸,我們會首先看到最大的照片,然后看向相對小的那個照片。


這個版面,照片一個有三種不同的尺寸。因此,它是三個層級的版面。


這個版面算上右側的小圖片,大致可以劃分成四個層級。


這個版面中一共出現了五種尺寸不同的照片。同樣的,版面中照片的大小從最大依次遞減,形成五個大小不同的尺寸。

一個版面創建好主次關系后,意味著它具備了最基礎的功能,也就是吸引人們的注意力。而當人們的視線被吸引到版面后,信息的傳達其實剛剛開始,其余元素需要依托層級關系來引導視線的移動。

這里需要注意的是,大元素與較小元素之間的差別一定要拉開距離。要避免出現看起來貌似差不多,但又不完全相同的尷尬。

我們可以從數值中找尋一些依據,比如我們可以按照等比、或等倍的手法去安排元素之間的大小關系。

在一個版面中,我們將元素大小之間的比率稱為跳躍率。層級之間大小對比的幅度越大,就代表跳躍率越高。版面會呈現出活潑,大氣,直接等氣質。

層級之間的大小對比幅度越小,就代表跳躍率越底,平靜、高級、雅致等氣質便出現了。

那么為了方便大家對本期內容的理解,接下來我們進入案例演示環節,這是一個關于漢堡的海報。

首先采用上下結構的構圖,將畫面橫向分為5欄,最下面一欄添加色塊。豎向分五欄,將主體漢堡占中間三欄放于版面中心。漢堡在畫面中占了足夠大的面積,使得主體顯得十分醒目。

細化網格,將標題文字組放入畫面中。在漢堡左下角放置時間信息。

為了版面平衡,在右邊放入價格信息,在下方色塊部分做一個豎向三欄的網格,并將補充信息放進來。

在背景上添加紋理,在漢堡周圍添加圖形,強化主體形象同時增加趣味性。在背景上添加了放射狀的射線圖形,以及主體周圍的噴射狀圖形,都一定程度上強調了主體形象。

主體的顏色以鮮艷明亮的橙紅色調為主,而背景是接近黑色的暗色調,使得主體區分十分明顯。添加標題特效及牛角圖形。

標題上使用了投影及淺淺的漸變效果,使得標題更加明顯且有趣。

畫面中的文字層級區分足夠明顯,每一層級文字的大小都拉得足夠大,使得閱讀順序十分清晰。通過上下結構,將補充信息整齊的放在了畫面下方,并沒有添加任何特效,讓畫面的焦點集中在上方。

那么到這里這個版面就完成了。
本期我們帶領大家一同對比了成熟作品與不成熟作品之間的區別,總結出了三點新手經常會出錯的地方,也就是沒有明確的主體,對色彩和特效的濫用,以及留白的瑣碎等問題。在了解了核心問題后,解決的方法也就逐漸清晰了,我們可以通過創建文字和圖片之間的層級來規范版面,讓信息更加簡潔有序的傳達。版面中的對比一定要明顯,不能給人模棱兩可的感覺。
(責任編輯:HX)
*PSjia.COM 傾力出品,轉載請注明來自PS家園網(m.sz-xdd.com.cn)
上一篇:返回列表








