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

給你一個(gè)支點(diǎn),撬動(dòng)整個(gè)設(shè)計(jì):版式突破實(shí)例評(píng)改 04篇

?

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

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

編按:

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

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

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

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

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

 

原稿

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

版式問題解析 >>

文字信息:

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

 

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

 

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

 

色彩搭配:

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

 

圖片和背景:

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

 

細(xì)節(jié)處理:

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

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

版式調(diào)整 >>

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

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

失敗的版式設(shè)計(jì)

 

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

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

版式設(shè)計(jì)賞析

地址和聯(lián)系電話的字體過于纖細(xì),換成適中的字體,單頁的基本聯(lián)系信息盡量要保證其識(shí)別性,還有聯(lián)系電話的號(hào)碼不需要刻意變粗,這樣會(huì)顯得其他信息更加纖細(xì)??偟晷畔⒑头值晷畔⒅g用分割線劃分,更清晰豐富。

 

平面設(shè)計(jì)教程

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

 

說明: 說明: 07

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

 

02 信息空間分割

說明: 說明: 08

將主標(biāo)題和地址電話信息做新的空間分割,這樣可以將信息變得更清晰,為視覺找到更好的落點(diǎn),版面的形式感也會(huì)更強(qiáng)。

 

說明: 說明: 09

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

說明: 說明: 10

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

說明: 說明: 11

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

說明: 說明: 12

03要素置換

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

說明: 說明: 13

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

 

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

說明: 說明: 14

04 色彩搭配

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

說明: 說明: 15

 

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

 

說明: 說明: 16

 

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

 

 

 

說明: 說明: 17

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

說明: 說明: 18

 

最后做個(gè)樣圖看一下實(shí)際的展示效果。本期的評(píng)稿就到這里了,我們下期再見。

 

 

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

版式突破實(shí)例評(píng)改 01

版式突破實(shí)例評(píng)改 02

版式突破實(shí)例評(píng)改 03

 

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

PS教程微信公眾號(hào)