大家都知道,常見的對齊方式有居左、居右、跟居中對齊,這些對齊實際上都是單個物體,單個元素的。但在版式設計中,當元素、物體還有框架堆徹在一起時,則需要多種靈活的布局對齊方式,而這些靈活的布局,又脫離不開整個版式的骨架。
常見的版式骨架復合布局,通常有兩種。一種是垂直居中的,骨架以垂直中心線為基準,向周圍發(fā)散開來。這種形式的布局,往往能在短時間內(nèi)快熟抓住讀者眼球,傳達核心信息,所以這種形式常見于海報、招貼、等較多營銷廣告中使用到。
垂直居中型
而另外一種,則使用的更為廣泛,就是分欄式布局,跟隨網(wǎng)格分欄排布元素,嚴格對齊頁面中的分欄。頁面分欄分的越多,信息分布越為分散,所以建議通常在版式設計中,分欄不要超過10種,而是在控制在10種以內(nèi),根據(jù)自己的需要,靈活調(diào)整。
網(wǎng)格分布型
根據(jù)網(wǎng)格系統(tǒng)對信息進行分欄,嚴格按照分欄邊距對齊,往往設計出來的作品既干凈又美觀。
關(guān)于如何打網(wǎng)格的具體教程,考慮本文篇幅不展開講。當然,如果大家特別感興趣,也可以在文末留言,我將根據(jù)大家的需要,來決定是不是要舉舉案例,詳細的寫寫網(wǎng)格做圖方法。
3、有秩序的圖文混排
實際上無論是海報、長圖、雜志等傳統(tǒng)媒介,或是網(wǎng)頁、APP 新載體,都存在著大量的圖文混排場景。其中圖文混排的比例及穿插,會直接影響到整個頁面的美觀度,所以合理的圖文排版,非常重要。常見的圖文混排形式,也有以下三種。
文字圖片疊印
這種時候文字一般是疊在圖片上面,這對圖片的素材質(zhì)量要求會特別高,如果圖片存在較多噪點,那么文字則會存在看不清晰等狀況,假如圖片來源并不那么可控,則可以嘗試在圖片上面增加遮罩,或者增加文字投影。就像我這樣
另外圖片遮罩的顏色,通常我建議在30%以內(nèi),因為顏色一旦過深,圖片便完全失去了本身該有的意義。其次頁面重色過多,也會導致整體非常壓抑。
如果不加遮罩,使用文字投影,那么文字投影的顏色,透明度我建議控制在20%左右比較合適,顏色過淺會導致文字看不清晰,過深則又會導致視覺很臟。
文字圖片并排
這種時候文字與圖片都是獨立的,距離方面同樣的,我們只需要保持同類相近,異類疏遠原則即可。但需要注意的是,如果文字與圖片存在關(guān)聯(lián)性,它們的距離,最好需要大于文字本身的高度的三分之二,小于圖片的三分之二。這樣做的原因,是主要考慮到一旦文字圖片過于相近,閱讀起來就會非常吃力困難,而如果又間隔太遠,文字跟圖片中間又失去了聯(lián)系性。
比如示例
圖文穿插
像這種,會非??简炘O計師對圖形的理解力,因為此時文字不再是單純的文字,而是作為一種圖形在使用,文字圖形與圖片的交錯融合,會形成一種空間的秩序感。
這里只有一個需要注意,那就是圖片的質(zhì)量需要嚴格把控,一方面需要足夠的清晰度,二方面圖片的主體需要突出,不能過于分散,所以大家在選圖的時候,需要多花一些精力。
4、精致的字體
既然是版式,當然脫離不開字體本身的樣式,字體的風格也會直接影響到整個頁面的情緒。所以這里給大家分享幾幅作品,可以感受到,字體的差異帶來的風格也是迥然不同的。一個像是賣手辦的,一個像是賣潮玩的,還有個像是賣奢侈品的。
聯(lián)系客服