超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

更多干貨:

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

構(gòu)圖簡單一些自然難度就下來,我認為比較簡單構(gòu)圖首先是上下和左右,因為這兩個構(gòu)圖可以讓變化做的少一些,負空間規(guī)整一些這就好做,再就是滿版構(gòu)圖,滿版不用說了堆得畫面沒有太多留白基本就可以也是比較好做。

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

細碎的空間用點元素給拉滿,盡量讓每一個面為高填充面而不是線框面或者低填充面即可,要確保視覺的膨脹感說白了就是看起來要有很多東西。

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

那么這個時候有小伙伴一定會問,這個東西有什么用?下面我們自己來試試借助相似的結(jié)構(gòu)來進行版式演化。

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

案例實操

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

同時它的文案較少,這就意味著圖和標(biāo)題要占大部分空間,同時也要注意信息適當(dāng)?shù)姆柣?/p>

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

給主圖邊框強化起來,適當(dāng)采用瀏覽器界面的感覺因為文案有提到線上這個關(guān)鍵詞,由此可以推出我們的強化形式。

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

基于參考二次強化做出厚度,底部給上點綴色豐富一下細節(jié)。

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

匹配主題區(qū)域的色塊形式,對標(biāo)題進行強化。

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

把畫面的各個承載框鏈接起來,使其看起來更像一個整體而不是割裂的幾個模塊。

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

針對整個空間補一些點元素,因為我們做滿版構(gòu)圖肯定不能讓縫隙看起來很空。

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

然后我們再整體看左上和左下兩個空間問題比較明顯,這不是我們想要的。

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

同樣保持相似的特征添加一些色塊,添加一些簡單圖形填補剩余的空間。

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

最后做一個樣機就完成了。

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

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

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

超簡單!人人能學(xué)會的海報設(shè)計技巧(附實戰(zhàn)案例)

收藏 61
點贊 55

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。