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

給你一個支點,撬動整個設(shè)計:版式突破實例評改 04篇

?

作者:風(fēng)的詩人來源:部落窩教育發(fā)布時間:2018-07-27 09:13:57點擊:4368

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 原創(chuàng)作品,禁止轉(zhuǎn)載。

編按:

    版式突破系列到現(xiàn)在已經(jīng)第四期了,本期“風(fēng)的詩人”將會帶給我們一篇關(guān)于單頁類海報設(shè)計的評改。評改通過字體、信息歸類、顏色修改等方面將版式設(shè)計的所有要點都給各位敘述出來,希望大家能夠喜歡本系列,一如既往的支持“風(fēng)的詩人”。相關(guān)素材各位可加QQ群344434216下載。 

優(yōu)秀版式設(shè)計作品分析

本期帶來的是關(guān)于單頁類的設(shè)計項目,在我們的實際工作中,其用途非常廣泛,可以用來宣傳產(chǎn)品或者服務(wù),也可以做各類促銷活動宣傳,簡單直接,營銷點比較明確。

至于如何傳達出單頁本身的營銷訴求,還是需要我們從版式基礎(chǔ)中尋求超越,從信息本身入手,找到更為合適的解決方案。

下面先看本期的原稿,分析主要有哪些問題。

 

原稿

版式設(shè)計案例分析

版式問題解析 >>

文字信息:

1、字體的選擇上都是黑體系列,氣質(zhì)上偏成熟穩(wěn)重。項目受眾群體屬于幼兒游泳,字體氣質(zhì)應(yīng)該更加偏趣味性與活潑性。

 

2、信息層級對比還可以,但是“火熱招生中”下面的那段話字體過于纖細,信息相對權(quán)重不太均衡。

 

3、“僅限100名”信息處理不夠美觀,位置上也顯得尤為突兀。

 

色彩搭配:

版面采用了大面積的藍色,貼合了游泳的主題,但是在色彩的搭配上基本上只有藍色和白色,顯得有點單調(diào)。

 

圖片和背景:

背景中的兩個卡通人物比較孤立,沒有和版面信息更好的融合在一起。

 

細節(jié)處理:

地址和聯(lián)系電話的信息字體過于纖細,識別性比較差。

注意:還有一點需要交代,就是字體的版權(quán)——商業(yè)設(shè)計中只能使用無版權(quán)的字體或者已購買版權(quán)的字體。

版式調(diào)整 >>

01文字信息初步調(diào)整

主標題的字體都是黑體,氣質(zhì)偏成熟穩(wěn)重,副標題的字體過于纖細,并且字間距也存在一定的問題。第一步就是將“游泳培訓(xùn)班”和“火熱招生中”字距進行縮進,位置上也更靠近一點,字體也變成更童趣的字體,符合幼兒類特性;副標題的字體換成粗一點的黑體,色塊也去掉。保持童趣的特性又可以保證信息的識別性。

失敗的版式設(shè)計

 

版式設(shè)計優(yōu)秀作品欣賞

將“火熱招生中”做描邊處理,色彩也變成背景的藍色,有個關(guān)聯(lián)性,再者將這幾個字體做出一個投影立體效果,更好的凸顯信息的跳躍率。

版式設(shè)計賞析

地址和聯(lián)系電話的字體過于纖細,換成適中的字體,單頁的基本聯(lián)系信息盡量要保證其識別性,還有聯(lián)系電話的號碼不需要刻意變粗,這樣會顯得其他信息更加纖細。總店信息和分店信息之間用分割線劃分,更清晰豐富。

 

平面設(shè)計教程

這段文字有點層級混亂,"僅限100"的顏色和表達形式都不太美觀,首先將這個段落的文字調(diào)整成一樣的字號,接著提煉文字中的關(guān)鍵字“免”和“限”作為視覺點,都用一個圓形去做底,形狀上建立起關(guān)聯(lián)。

 

說明: 說明: 07

做過基本的信息調(diào)整后,畫面在字體上更加匹配幼兒的氣質(zhì),而且信息的表達形式上更加清晰,也更為豐富。還有就是最上面的slogan,在大小上也做了調(diào)整,原稿的字號有些偏大。

 

02 信息空間分割

說明: 說明: 08

將主標題和地址電話信息做新的空間分割,這樣可以將信息變得更清晰,為視覺找到更好的落點,版面的形式感也會更強。

 

說明: 說明: 09

具體我們應(yīng)該用哪些基本形去分割畫面呢,圓形圓潤,方形規(guī)整,三角個性,從項目主體出發(fā),顯然圓形更為合適。

說明: 說明: 10

這里的“圓形”只是個代指,不僅只代表正圓,也可以是橢圓或者是其他形態(tài)的曲線,我們要根據(jù)具體的劃分信息改變其形態(tài)。

說明: 說明: 11

在主標題的區(qū)域,“圓形”形態(tài)偏收縮一點,而地址和聯(lián)系信息那里則用其局部擴大應(yīng)用,這樣在形態(tài)上也能形成更好的對比,且下面的“圓形”更加偏水的形態(tài),更真實活潑。

說明: 說明: 12

03要素置換

將版面中的“圓形”替換成形式更加豐富的形態(tài),替換的形態(tài)盡量要具備一定的層級對比點,比方說,線與點,線與面等的對比;力求更為出彩。

說明: 說明: 13

將替換好的形態(tài)放置在版面中,相較于之前,形式上更加自由,對比更為豐富,大大增強了畫面的張力,底部色塊更呈現(xiàn)出了靈動的水的姿態(tài)。

 

用選出的色彩進行配色,主視覺點40選用飽和度更低一點的色彩,段落信息部分則用飽和度較高的色彩,可以平衡由于比例關(guān)系為視覺帶來的不平衡感。

說明: 說明: 14

04 色彩搭配

版面中的顏色相對來說比較單調(diào),上面列出兩組色彩搭配方案,一種是同類色搭配,另一種則是對比色搭配,針對于活潑類的項目主體選用對比色,視覺感受上會更為貼切主題。

說明: 說明: 15

 

最后選用對比色的搭配方案,在原來對比色的基礎(chǔ)上加上漸變的效果,漸變藍與漸變黃的搭配,色彩更為豐富。漸變的形式相對于立體來說,也更偏簡約一點。

 

說明: 說明: 16

 

無論從字義上還是占比上,“火熱招生中”這一句話變成漸變黃都比較合適,再者就是分割空間的形態(tài)局部的形態(tài)也變成黃色,外輪廓的線變成漸變藍,層次感較強。細節(jié)上將“免”和“限”兩字變?yōu)槌赛S色,吸引視覺。

 

 

 

說明: 說明: 17

05調(diào)整前后對比

說明: 說明: 18

 

最后做個樣圖看一下實際的展示效果。本期的評稿就到這里了,我們下期再見。

 

 

平面設(shè)計教程相關(guān)推薦:

版式突破實例評改 01

版式突破實例評改 02

版式突破實例評改 03

 

 微信掃下面二維碼,關(guān)注平面設(shè)計公眾號,每天和小編一起學(xué)習(xí)。

PS教程微信公眾號