今天給大家分享的是簡(jiǎn)單出圖的思路，不需要有太多的設(shè)計(jì)基礎(chǔ)，只要把握好今天講的幾個(gè)關(guān)鍵點(diǎn)就可以讓畫(huà)面有一個(gè)明顯的提升。

更多干貨：

借助風(fēng)格的好處就是特征，排放甚至元素都是現(xiàn)成的，直接調(diào)用就可以不需要自己琢磨用什么元素合適。

主要把特征做對(duì)了風(fēng)格圖基本就不會(huì)出太大問(wèn)題，這個(gè)圖的特征包括黑色描邊，元素框的偽立體效果，同時(shí)圖的飽和度比較高，底的飽和度稍低一些，同時(shí)添加適當(dāng)?shù)陌咨珜?duì)畫(huà)面進(jìn)行調(diào)和，把握好這幾個(gè)特征基本也就可以了。

再來(lái)講一個(gè)漫畫(huà)風(fēng)格的，標(biāo)志性的漫畫(huà)分割形式以及黑白處理，包括一些發(fā)射線和爆炸簽這都是很常用的元素了，別太平穩(wěn)就行了。

構(gòu)圖簡(jiǎn)單一些自然難度就下來(lái)，我認(rèn)為比較簡(jiǎn)單構(gòu)圖首先是上下和左右，因?yàn)檫@兩個(gè)構(gòu)圖可以讓變化做的少一些，負(fù)空間規(guī)整一些這就好做，再就是滿版構(gòu)圖，滿版不用說(shuō)了堆得畫(huà)面沒(méi)有太多留白基本就可以也是比較好做。

細(xì)碎的空間用點(diǎn)元素給拉滿，盡量讓每一個(gè)面為高填充面而不是線框面或者低填充面即可，要確保視覺(jué)的膨脹感說(shuō)白了就是看起來(lái)要有很多東西。

那么這個(gè)時(shí)候有小伙伴一定會(huì)問(wèn)，這個(gè)東西有什么用？下面我們自己來(lái)試試借助相似的結(jié)構(gòu)來(lái)進(jìn)行版式演化。

依舊是先分大塊，然后按照參考的結(jié)構(gòu)把我們的信息都排放上去，只做很小的變化就可以。

案例實(shí)操

這種帶有優(yōu)惠性質(zhì)的設(shè)計(jì)畫(huà)面往往需要熱鬧一些，那么上下和左右顯然就不合適嗎，需要采用滿版構(gòu)圖。

同時(shí)它的文案較少，這就意味著圖和標(biāo)題要占大部分空間，同時(shí)也要注意信息適當(dāng)?shù)姆?hào)化。

這次我們選擇做滿版構(gòu)圖，然后結(jié)構(gòu)上先簡(jiǎn)單劃分為上中下，從構(gòu)圖的角度來(lái)說(shuō)這個(gè)文案量對(duì)于滿版來(lái)說(shuō)其實(shí)不是很適合，這里我演示稍微難點(diǎn)的，簡(jiǎn)單的留給大家。

基于上中下每一部分都分出左右，結(jié)構(gòu)塊越豐富畫(huà)面就會(huì)隨之越豐富，再確定一個(gè)參考前期的準(zhǔn)備工作就完成了。

確定主體，注意主體姿態(tài)別太死板，不能找那種像證件照一樣的主圖，放上去明顯缺乏視覺(jué)性的即使你其他操作再花最后效果也好不了。

可以做一個(gè)摳圖，放大主圖的同時(shí)還做一個(gè)破圖效果，這是我們參考就有用到的手法我們也可以繼續(xù)采用。

給主圖邊框強(qiáng)化起來(lái)，適當(dāng)采用瀏覽器界面的感覺(jué)因?yàn)槲陌赣刑岬骄€上這個(gè)關(guān)鍵詞，由此可以推出我們的強(qiáng)化形式。

基于參考二次強(qiáng)化做出厚度，底部給上點(diǎn)綴色豐富一下細(xì)節(jié)。

適當(dāng)添加點(diǎn)元素，豐富主體區(qū)域的“底“”到此為止畫(huà)面的基礎(chǔ)特征就全都做出來(lái)了。

把標(biāo)題擺放上去，注意涉及到優(yōu)惠的信息可以單獨(dú)強(qiáng)化一下。

匹配主題區(qū)域的色塊形式，對(duì)標(biāo)題進(jìn)行強(qiáng)化。

提取八折，向下多做出一個(gè)承載框放置信息，適當(dāng)豐富標(biāo)題層級(jí)的同時(shí)還可以解決部分主體右側(cè)的空間。

把畫(huà)面的各個(gè)承載框鏈接起來(lái)，使其看起來(lái)更像一個(gè)整體而不是割裂的幾個(gè)模塊。

剩余兩組信息先放在畫(huà)面空的地方。

把同樣的特征沿用給他們，但是不能完全一致，做到大致看起來(lái)相似就可以。

針對(duì)整個(gè)空間補(bǔ)一些點(diǎn)元素，因?yàn)槲覀冏鰸M版構(gòu)圖肯定不能讓縫隙看起來(lái)很空。

然后我們?cè)僬w看左上和左下兩個(gè)空間問(wèn)題比較明顯，這不是我們想要的。

同樣保持相似的特征添加一些色塊，添加一些簡(jiǎn)單圖形填補(bǔ)剩余的空間。

最后局部添加色塊，別讓背景太白了基本也就很完整了。

最后做一個(gè)樣機(jī)就完成了。

本篇文章我們學(xué)習(xí)了一個(gè)如何簡(jiǎn)單做圖的三個(gè)切入角度，同時(shí)也介紹了一兩個(gè)風(fēng)格的小特征，最終給大家?guī)?lái)了一個(gè)實(shí)操。希望本篇內(nèi)容能對(duì)大家有所幫助。今天的文章就先到這里，我們下期再見(jiàn)。

歡迎關(guān)注作者微信公眾號(hào)：「視研設(shè)」