今天給大家分享的是簡單出圖的思路,不需要有太多的設(shè)計基礎(chǔ),只要把握好今天講的幾個關(guān)鍵點就可以讓畫面有一個明顯的提升。
更多干貨:
借助風(fēng)格的好處就是特征,排放甚至元素都是現(xiàn)成的,直接調(diào)用就可以不需要自己琢磨用什么元素合適。
主要把特征做對了風(fēng)格圖基本就不會出太大問題,這個圖的特征包括黑色描邊,元素框的偽立體效果,同時圖的飽和度比較高,底的飽和度稍低一些,同時添加適當(dāng)?shù)陌咨珜Ξ嬅孢M行調(diào)和,把握好這幾個特征基本也就可以了。
再來講一個漫畫風(fēng)格的,標(biāo)志性的漫畫分割形式以及黑白處理,包括一些發(fā)射線和爆炸簽這都是很常用的元素了,別太平穩(wěn)就行了。
構(gòu)圖簡單一些自然難度就下來,我認為比較簡單構(gòu)圖首先是上下和左右,因為這兩個構(gòu)圖可以讓變化做的少一些,負空間規(guī)整一些這就好做,再就是滿版構(gòu)圖,滿版不用說了堆得畫面沒有太多留白基本就可以也是比較好做。
細碎的空間用點元素給拉滿,盡量讓每一個面為高填充面而不是線框面或者低填充面即可,要確保視覺的膨脹感說白了就是看起來要有很多東西。
那么這個時候有小伙伴一定會問,這個東西有什么用?下面我們自己來試試借助相似的結(jié)構(gòu)來進行版式演化。
依舊是先分大塊,然后按照參考的結(jié)構(gòu)把我們的信息都排放上去,只做很小的變化就可以。
案例實操
這種帶有優(yōu)惠性質(zhì)的設(shè)計畫面往往需要熱鬧一些,那么上下和左右顯然就不合適嗎,需要采用滿版構(gòu)圖。
同時它的文案較少,這就意味著圖和標(biāo)題要占大部分空間,同時也要注意信息適當(dāng)?shù)姆柣?/p>
這次我們選擇做滿版構(gòu)圖,然后結(jié)構(gòu)上先簡單劃分為上中下,從構(gòu)圖的角度來說這個文案量對于滿版來說其實不是很適合,這里我演示稍微難點的,簡單的留給大家。
基于上中下每一部分都分出左右,結(jié)構(gòu)塊越豐富畫面就會隨之越豐富,再確定一個參考前期的準(zhǔn)備工作就完成了。
確定主體,注意主體姿態(tài)別太死板,不能找那種像證件照一樣的主圖,放上去明顯缺乏視覺性的即使你其他操作再花最后效果也好不了。
可以做一個摳圖,放大主圖的同時還做一個破圖效果,這是我們參考就有用到的手法我們也可以繼續(xù)采用。
給主圖邊框強化起來,適當(dāng)采用瀏覽器界面的感覺因為文案有提到線上這個關(guān)鍵詞,由此可以推出我們的強化形式。
基于參考二次強化做出厚度,底部給上點綴色豐富一下細節(jié)。
適當(dāng)添加點元素,豐富主體區(qū)域的“底“”到此為止畫面的基礎(chǔ)特征就全都做出來了。
把標(biāo)題擺放上去,注意涉及到優(yōu)惠的信息可以單獨強化一下。
匹配主題區(qū)域的色塊形式,對標(biāo)題進行強化。
提取八折,向下多做出一個承載框放置信息,適當(dāng)豐富標(biāo)題層級的同時還可以解決部分主體右側(cè)的空間。
把畫面的各個承載框鏈接起來,使其看起來更像一個整體而不是割裂的幾個模塊。
剩余兩組信息先放在畫面空的地方。
把同樣的特征沿用給他們,但是不能完全一致,做到大致看起來相似就可以。
針對整個空間補一些點元素,因為我們做滿版構(gòu)圖肯定不能讓縫隙看起來很空。
然后我們再整體看左上和左下兩個空間問題比較明顯,這不是我們想要的。
同樣保持相似的特征添加一些色塊,添加一些簡單圖形填補剩余的空間。
最后局部添加色塊,別讓背景太白了基本也就很完整了。
最后做一個樣機就完成了。
本篇文章我們學(xué)習(xí)了一個如何簡單做圖的三個切入角度,同時也介紹了一兩個風(fēng)格的小特征,最終給大家?guī)砹艘粋€實操。希望本篇內(nèi)容能對大家有所幫助。今天的文章就先到這里,我們下期再見。
歡迎關(guān)注作者微信公眾號:「視研設(shè)」
復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 737 位幸運星
發(fā)表評論 為下方 6 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓