二維碼 購物車
部落窩在線教育歡迎您!

版式設計必備干貨

作者:袁藝來源:部落窩 發(fā)布時間:2020-04-30 17:32:54 點擊:3926

分享到:
0
收藏

 

甲方:……我就是想要一個五彩斑斕的黑啊。

你:……

 

想要讓甲方對作品滿意,設計感真的很重要!商業(yè)海報最怕和別人家重復、毫無新意、賣點不突出等等。

 

商業(yè)廣告文案可能是相似的,項目活動可能相似,面對這種情況,怎么迅速抓住人的眼球呢?這就需要你在排版上多做創(chuàng)新,掌握排版技巧,即使是純文字也可以做得很好看,你的作品也可以讓人眼前一亮!

 

這個五一,設計狗怎么過?當然是一次過!

 

一、親密關系:

指的是根據內容劃分好親密程度,將海報劃分為不同的區(qū)域,關聯(lián)性強的內容放在一起,關聯(lián)性不強的內容互相分隔開。


注意!1、版面上不要太空,造成單元與單元之間孤立,也不要距離太近,同單元之間的距離應與不同單元之間距離不同,調整合適的距離建立閱讀順序。

 

2.建立一個視覺中心點或幾個中心,不要過多也不要一直變換,容易產生視覺疲勞,閱讀起來也比較困難。

 

3、畫面對稱性,畫面和諧,適當的留白看起來更整潔。

 

舉個例子:觀察下圖,內容可劃分為4個單元:大學設計系中英簡介,活動簡介,組織者和地點,平面設計介紹??梢妴卧獌炔吭刂g距離較近,單元與單元之間適當隔開,不會使畫面太空,也有適當的留白。

 

 

一個反例(如下圖):如果文字內容之間都是一樣的距離,很難讓人抓住重點,很枯燥,只是一大段文字堆在那里。

 

二個反例(如下圖):設計地很精美很用心,但可能會造成視覺錯亂,視覺中心過多,重點不突出,幾乎沒有留白,讓人有種窒息感。

改進意見:刪減畫面不必須的元素,根據重要程度調整大小,注意錯落有致。

 

二、對齊

任何元素都不能在頁面上隨意擺放,每一項都要與頁面上的某個內容存在視覺聯(lián)系。

方法:建立 參考線/網格 來進行調整和對齊。、

 

如圖,可以在工具欄視圖中選擇新建參考線或網格

 

 

輸入好文字之后選擇根據參考線或網格對齊就可以啦。

 

注意!1.關聯(lián)性強內容使用同一種對齊方式,盡量不要一直變換。

 

2.不建議使用居中對齊,太單調,尤其是篇幅長的內容。

 

3.文字與圖片穿插排版時,文字應與圖片邊緣對齊,不形成鋸齒狀空白;

說明: F:\qq\1315277970\FileRecv\MobileFile\Image\MKGASTP]I{EQ(S%PH3Z`2(3.png

邊緣對齊且邊距相同,看起來干練、整潔。

 

當然了,熟稔基礎技能的小伙伴可以適當打破規(guī)則,給排版增添活力;

 

 

三、重復:顧名思義就是重復一樣的版式,會給人一種統(tǒng)一的感覺,可以增強畫面的統(tǒng)一性。

 

注意!1、排版的時候可以將畫面元素(文字/顏色/構圖方式)進行重復:

2、不能重復太多次。

 

一般重復式排版多用于影視劇海報介紹人物時,當然這種方法完全可以套用在淘寶介紹商品的海報制作中。

 

舉個例子(如下圖):主人公的背景設計是重復,拍照方式(正面看鏡頭)是重復,表達出一個強烈的主題。

說明: F:\qq\1315277970\FileRecv\MobileFile\Image\NJH1GIKI9$2Z$[LJ_0@2URR.png 

 

四、對比

定義:如果想要使兩個元素產生對比沖擊視覺,我們在設計時要使之完全不相同;

 

注意的問題:1.對比要明顯才能抓人眼球,不能模棱兩可,比如用白色與米色對比,13號字與14號字對比,不夠明顯的對比達不到視覺上的沖擊感

2.可以與一般情況的認知稍有脫離

 

舉例:

用對比色形成強烈沖擊,具有沖擊力的兩個元素結合顯得十分跳脫,給人沖擊感很強。

 

金色的塔與背景湖藍色形成對比,倒掛的塔跳出常識認知,顯得更富創(chuàng)意。