二維碼 購(gòu)物車
部落窩在線教育歡迎您!

版式設(shè)計(jì)案例分析:失敗的版式設(shè)計(jì)改稿和版式設(shè)計(jì)賞析第三篇

?

作者:風(fēng)的詩(shī)人來(lái)源:部落窩教育發(fā)布時(shí)間:2018-07-16 14:49:47點(diǎn)擊:33330

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

編按:

“坐穩(wěn)”設(shè)計(jì)師職位,部落窩教育為大家?guī)?lái)第3篇版式設(shè)計(jì)案例分析《版式突破實(shí)例評(píng)改03》。大家跟隨本篇作者“風(fēng)的詩(shī)人”一起探尋簡(jiǎn)約版式設(shè)計(jì)中的留白技巧,合理的留白既能凸顯設(shè)計(jì)的精髓,又能提高作品的格調(diào)。有興趣的可以加QQ群344434216下載素材練習(xí)。

說(shuō)明: 說(shuō)明: 1

本期帶來(lái)的是關(guān)于簡(jiǎn)約類的設(shè)計(jì)項(xiàng)目評(píng)改。在我們的實(shí)際工作中,簡(jiǎn)約設(shè)計(jì)表現(xiàn)形式是相當(dāng)多,很多人會(huì)認(rèn)為版面中留白越多越好,真是這樣嗎?

下面讓我們先看本期的原稿,看看失敗的版式設(shè)計(jì),分析主要有哪些問(wèn)題。

版式設(shè)計(jì)原稿:

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

版式問(wèn)題解析 >>

文字信息:

1.主標(biāo)題的字體選用的書法體不太美觀,再者是比例太大,副標(biāo)題與主標(biāo)題的組合略顯生硬,信息權(quán)重有點(diǎn)失衡;段落文本字形過(guò)于纖細(xì),不易識(shí)別。

2.信息層級(jí)對(duì)比過(guò)度,特別是主標(biāo)題和其他信息的層級(jí)過(guò)渡更顯突兀,視覺(jué)沒(méi)有緩沖。

3.信息的組合形式不夠美觀,主標(biāo)題與圓的組合,“日本輕奢品牌”與線框的組合皆存在一定問(wèn)題。

色彩搭配:

主標(biāo)題的色彩雖然是取自主體,但是色調(diào)還是偏暗,左下角的40年那里的色調(diào)也是比較暗,其他文字信息的灰度則比較淺,識(shí)別性不高。

圖片和背景:

主體在版面中的分布位置不太好,重心有點(diǎn)下沉,而且裁切的部分有些偏多。

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

右上角的logo的色彩有點(diǎn)突兀,與畫面的主色不太統(tǒng)一。

注意:商業(yè)設(shè)計(jì)中只能使用無(wú)版權(quán)的字體或者已購(gòu)買版權(quán)的字體。

版式調(diào)整 >>

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

原稿的主標(biāo)題,副標(biāo)題還有說(shuō)明性文字,在位置上有點(diǎn)疏散。第一步先將它們重新歸類組合,將“凱得寶”(品牌)與"日本輕奢品牌"(品牌定位)放在一起,塑造成信息的一級(jí)層級(jí)?!耙簧螌殹毕喈?dāng)于企業(yè)的slogan,也與“凱得寶”組合在一起,作為信息的二級(jí)層級(jí)存在。

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

 

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

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

在信息的視覺(jué)引導(dǎo)上,原來(lái)的信息空間布局類似于折線路徑,在信息的傳達(dá)上不太好?,F(xiàn)在,信息的編排形式變成了縱向編排,除了更加符合日式風(fēng)格外,最主要的是信息的視覺(jué)引導(dǎo)更為合適。

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

相比之下,調(diào)整后的信息更加規(guī)整,簡(jiǎn)潔。上面的綠色區(qū)域是預(yù)留給主體的位置,空間劃分也明確清晰。

02 信息的符號(hào)化處理

版式設(shè)計(jì)教程

提取數(shù)字"40"作為主要的視覺(jué)點(diǎn),將之內(nèi)部填充,由線性要素變成面要素,符號(hào)化屬性更加強(qiáng)烈,"專注陶鍋40余年"放在"0"的負(fù)空間中,整體性更強(qiáng)。

 

PS教程

選用原圖的陶鍋,完整的展現(xiàn)其形態(tài),接著為其做個(gè)投影,并和陶鍋拉開一點(diǎn)距離,畫面會(huì)更輕盈有趣。

CDR教程

用組合好的"40"與陶鍋前后疊壓形成畫面主體。需要注意的是陶鍋的位置,不能太往右,否則會(huì)將空間變擁擠,也不能太往下,否則疊加的區(qū)域太少,要素間會(huì)比較疏散。

Photoshop教程

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

主體組放在上部空間,一種形式是比例擴(kuò)大,居中放置;另一種形式是比例縮小,靠右放置。很明顯第二種形式會(huì)將畫面的氣質(zhì)更好地體現(xiàn)出來(lái),簡(jiǎn)約輕盈,畫面的呼吸感良好。

03色彩搭配

CDR微信公眾號(hào)

比較實(shí)用的一個(gè)色彩搭配方法,點(diǎn)擊Photoshop濾鏡下拉菜單里的像素化命令,選擇子菜單“馬賽克”命令,將陶鍋馬賽克化,直觀地展示出色塊,更便于吸取其色值。

CorelDRAW教程

用吸管工具吸取馬賽克上的數(shù)值,羅列出不同色值的色彩。根據(jù)畫面的整體氣質(zhì)選出純度較低,明度偏亮的色彩。

zuijiahehuoren.cn

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

4 進(jìn)一步優(yōu)化

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

"一生の寶" 字體變成宋體字,并將 "" "" 下端的橫筆畫去掉,做一個(gè)簡(jiǎn)單的再塑造,符號(hào)化形象更好,但是去掉的筆畫一定不能影響其識(shí)別性。

 

PS原創(chuàng)教程

放置在版面中,比例放大到占據(jù)左邊的版面;隱藏部分筆畫,作為裝飾性符號(hào)吸引視覺(jué)點(diǎn)。

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

版式設(shè)計(jì)風(fēng)格有哪些

版式設(shè)計(jì)作品及分析

 

本期的版式設(shè)計(jì)案例分析評(píng)稿就到這里了,我們下期再見(jiàn)。

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

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

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


更多的設(shè)計(jì)類教程,請(qǐng)微信掃下面二維碼關(guān)注公眾號(hào),每天和小編一起學(xué)!

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