編者按:如何做好優秀的版式設計?本文從主體和編排兩個部分,通過一個實戰案例,幫你掌握優秀版式設計的核心知識。

更多版式設計干貨:

大家好,我是大貓,本周給大家帶來一篇版式設計的文章,本期的側重點在于主體和編排。

其實做一個相對來講比較合格的版式,無非就是這兩點,即好的主體與好的編排。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

好的主體,即精致美觀的主體。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

在版式中主體的好壞對版面的影響是非常大的。所以在選擇主體的時候一定要謹慎。那么什么才是好的主體呢?

用實戰案例,幫你掌握版式設計中的主體和編排知識點

好的主體無外乎有足夠的分辨率、獨特的造型視角,以及豐富的表現力(質感、光影、紋理等都可以算在表現力之中)。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

分辨率高,即選做主體的圖尺寸一定要夠(不止是主體,其他的圖也是越清晰越好)。分辨率不夠或者有鋸齒的圖片一定不要用。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

以此圖為例,左側的蘋果非常糊,分辨率不夠,其視覺效果就比右側的差很多。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

其二就是獨特的視角或造型,選主體盡量選新穎的造型或獨特的視角,這樣會使版面的沖擊力更大,同時也更吸睛,達到的效果是事半功倍的。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

同樣是建筑海報,右側的要比左側的好很多,究其原因就是視角的問題。左側的圖片不能說不行,只是視角太常見了,論獨特性和設計感遠沒有右側仰視視角好。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

其三就是主體的表現力,質感、光影、紋理等等都算是表現力。表現力強的更為吸睛。嚴格來算的話視角、造型、創意性等都算是表現力。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

在此案例中右側的金屬質感更為豐富,所以其品質感和設計感更強,而左側隨手拍攝的就遜色很多。

接下來說一下好的編排是怎么樣的。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

好的編排實際上就是在編排上要嚴謹有序。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

層次的清晰、字型選擇的契合性、留白是否工整、段落文字編排是否適合閱讀,這些都是能夠影響編排好壞的。

接下來我們以一個海報評改為例分別講這四點。原海報如下

用實戰案例,幫你掌握版式設計中的主體和編排知識點

這個海報在文字編排和主體選擇上都有問題,我們先對照知識點看一下文字的編排。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

對比合理,文字層級的清晰與否決定著版面的視覺順序。過大或過小的對比都會使版面的品質感下降。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

海報中信息的層級劃分是十分明確的,這點沒啥問題,但是主標題與底下的英文對比過大了,所以視覺上非常不美觀。

鑒于此我們可將英文放大,使其對比的更和諧一點。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

除了放大英文,在正文與標題和時間之間加了兩條豎線做區分,會是層次關系分的更明顯。層次關系處理好后,可以去調整字型。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

選擇字體也是版式設計中非常重要的環節,不同的字體傳達的氣質是不一樣的,要選擇與項目契合且非常精致的中英文字體。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

原圖中中英文字體用的都是方正中雅宋,中文部分用此字體沒啥問題,但英文卻不是很精致,所以英文符最好選擇英文字體。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

修改后中文選擇了思源宋體,英文選擇了 baskervill,其氣質更為契合。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

更多英文字體推薦:

下一步是修改段落文字的編排,原先的行間距太密,段落工整,因為頓號太多字距又顯得太散,文字也參差不齊,這些都是我們要去修改的。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

修改后更為工整了,視覺效果也會更好。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

留白工整影響版面的精致程度,雖然到這里字體選擇和層級關系沒啥問題,但版面的留白不夠,顯得太擠太滿,所以我們可以適當縮小字體,以留出更多的空間。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

修改后的明顯空間更工整勻稱,同時也更美觀。至此文字編排就處理好了。我們把編排好的文字放到原海報上看一下對比效果:

用實戰案例,幫你掌握版式設計中的主體和編排知識點

雖然現在文字編排更為美觀了,但主體并不好,所以要去找一個更好的主體。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

這里我選擇了一個俯視鋼琴的局部,并將背景變成黑色,其設計感一下子就上去了。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

也可以選擇正在彈奏的圖片作為主體,只不過現在有些問題,就是版面底部太空了,這種情況我們可以添加一些與音樂有關的裝飾元素,如下

用實戰案例,幫你掌握版式設計中的主體和編排知識點

將活動的主旨放大曲線排列并做成描邊的形式,使其不是那么搶眼。同時添加曲線和點元素,象征音樂的節奏與高低起伏。另外這些點元素也可以替換成音符哦。

用實戰案例,幫你掌握版式設計中的主體和編排知識點

用實戰案例,幫你掌握版式設計中的主體和編排知識點

好的主體+好的編排=合格的版式,這是基礎,如果想要做的更好,那么就需要在創意上下文章了。那么本期文章就到這里了,大家學會了嘛?

歡迎關注作者微信公眾號:「大貓設計」

用實戰案例,幫你掌握版式設計中的主體和編排知識點

收藏 118
點贊 78

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。