3個部分決定排版的步驟
發(fā)布時間:2021-12-25 09:13 [ 我要自學網原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 2615

什么是真正好的排版,我覺得起碼要做到清晰易讀、信息突出并且觀感上舒服好看,在這個基礎上有突出的設計感、形式感,就是正真好的排版。怎么做?3個部分決定排版的步驟和方法,咱們分步來說。

空間是文字之間、圖文之間的排列關系,是排版的第一步和基礎,一張圖的空間關系即構圖自一開始就影響到整體的走向和最終的成型,所以在設計之初,一定得經過深思慮,深入了解文字的多少、圖形的類型和設計要求和感覺選擇對應的構圖和圖文結構關系。大致包括但不限于以下幾類:


垂直水平構圖


排版左中右對齊方式都有,比較隨意直觀,可靈活操作。

沒思路?教你3招輕松搞定電商Banner排版


斜線構圖


常用于促銷類、居中排布、大多數會有圖形輔助以和底部斜線構圖明確區(qū)分并突出文本,或者部分也有跟隨式斜著排版。

沒思路?教你3招輕松搞定電商Banner排版


三角構圖


一般居中排版,文字排布大小分明,結構感強,常以圖形線條輔助排版。

沒思路?教你3招輕松搞定電商Banner排版


對角線構圖


常用于服裝食品等類型、一般左或右對齊,文字選擇簡單直觀粗細分明,常有線條或小圖形輔助。

沒思路?教你3招輕松搞定電商Banner排版


輻射式構圖


和斜線構圖很像,促銷類、居中排布、大多會有圖形輔助以和底部斜線構圖明確區(qū)分并突出文本。


框架式構圖


框架構圖包括圖形被框,文本被框或者圖文都被框,文本被框是圖形輔助排版的一種方式,之后詳解。

沒思路?教你3招輕松搞定電商Banner排版

我們可以通過變化對齊方式、大小、粗細、角度、字體、顏色、錯落方式等來說明各種排版變化方式帶來的不同結果和感覺

沒思路?教你3招輕松搞定電商Banner排版

對齊、大小、粗細對比是排版最基本的三大要素,是之后所有排版方式的基礎

沒思路?教你3招輕松搞定電商Banner排版

①起碼有一邊對齊,才會使版式整潔易讀,層次清晰

②大小和粗細的對比做到了主次分明。banner設計的目的,其實就是最大化的呈現給用戶活動的信息,要讓最重要的,最有利的信息一瞬間就傳遞給們,通過對比即可使信息的傳遞層次清晰。

這是倆反例:

沒思路?教你3招輕松搞定電商Banner排版


角度


角度不限于示例這種。對排版進行角度變化,會增加失衡和速度感。是促銷類的banner常用的方式往往對應斜構圖的背景,增加整體氣氛。也有增加透視類的角度變化。

沒思路?教你3招輕松搞定電商Banner排版


字體


沒思路?教你3招輕松搞定電商Banner排版

第一個:清秀的方正書意宋,第二了:霸氣的蒙納超剛黑(只為示意請勿轉載用于商用),稍微變換板式,出來了兩種不同的感覺,雖然都是買買買,但是第一個明顯是清新委婉的,第二種擺明了就是要放折扣大招的樣子。字體對排版的重要性不言而喻。


顏色


沒思路?教你3招輕松搞定電商Banner排版

還是上面的示意,顏色的變化一是根據整個設計選擇顏色,二是類似上圖對需要突出的信息進行顏色的突出,是最常用易用的方式。


錯落


一般萌系、食品類和扁平化等等的banner上,都需要這類隨意輕快、錯落有序的排版。設計過程中,適當對字進行大小變化和旋轉,并且選擇一些卡通化、手寫體的字體,會有不錯的效果。還有另一類錯落的板式也比較常見,如下圖所示,宋體字、毛筆字排版非常易用。

沒思路?教你3招輕松搞定電商Banner排版

形式簡單可理解為對排版的輔助,他們不搶眼,但是加入后又能使版式不單板,善用可以使整個排版高大上,也能使邏輯結構更加清晰。

 

圖形輔助


沒思路?教你3招輕松搞定電商Banner排版

圖形輔助一般用基礎的方圓 三角等或者有特殊含義的圖形(天貓、阿里旺旺剪影)為依托進行文字排版,可起到突出文本、增強對比、增加結構感設計感的作用。


線條輔助


沒思路?教你3招輕松搞定電商Banner排版

以線條分割進行區(qū)塊劃分增加對比,也可用線條和圖形進行串聯,亦或聚焦視線,簡潔有力,近期大量用于時尚簡潔類的設計中。


圖文結合


沒思路?教你3招輕松搞定電商Banner排版

用圖形結合文字和視覺,達到整體統(tǒng)一。

排版的重要性不言而喻,通過上面的3大步介紹,應該能對電商banner的排版有個初步直觀的認識,相信通過學習和大量練習,每個人都能掌握其中的妙。方法遠不止此,而創(chuàng)意應更遠。寫的不好,有問題或者建議請留言說明,咱們多多討論。

IndesignCC 2017視頻教程
我要自學網商城 ¥50 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導致的法律責任,
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經閱讀并接受
上述條款。
V
特惠充值
聯系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設計 室內設計 室外設計 機械設計 工業(yè)自動化 影視動畫 程序開發(fā) 網頁設計 會計課程 興趣成長 AIGC