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

更多干貨：

借助風格的好處就是特征，排放甚至元素都是現成的，直接調用就可以不需要自己琢磨用什么元素合適。

主要把特征做對了風格圖基本就不會出太大問題，這個圖的特征包括黑色描邊，元素框的偽立體效果，同時圖的飽和度比較高，底的飽和度稍低一些，同時添加適當的白色對畫面進行調和，把握好這幾個特征基本也就可以了。

再來講一個漫畫風格的，標志性的漫畫分割形式以及黑白處理，包括一些發射線和爆炸簽這都是很常用的元素了，別太平穩就行了。

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

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

那么這個時候有小伙伴一定會問，這個東西有什么用？下面我們自己來試試借助相似的結構來進行版式演化。

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

案例實操

這種帶有優惠性質的設計畫面往往需要熱鬧一些，那么上下和左右顯然就不合適嗎，需要采用滿版構圖。

同時它的文案較少，這就意味著圖和標題要占大部分空間，同時也要注意信息適當的符號化。

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

基于上中下每一部分都分出左右，結構塊越豐富畫面就會隨之越豐富，再確定一個參考前期的準備工作就完成了。

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

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

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

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

適當添加點元素，豐富主體區域的“底“”到此為止畫面的基礎特征就全都做出來了。

把標題擺放上去，注意涉及到優惠的信息可以單獨強化一下。

匹配主題區域的色塊形式，對標題進行強化。

提取八折，向下多做出一個承載框放置信息，適當豐富標題層級的同時還可以解決部分主體右側的空間。

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

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

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

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

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

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

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

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

本篇文章我們學習了一個如何簡單做圖的三個切入角度，同時也介紹了一兩個風格的小特征，最終給大家帶來了一個實操。希望本篇內容能對大家有所幫助。今天的文章就先到這里，我們下期再見。

歡迎關注作者微信公眾號：「視研設」