大家好，我是烏魚哥。我一直在做營銷設計，目前主要是做針對B2B的營銷設計，處理頁面設計的時候，經常需要繪制體現業務場景的插畫，篇幅比較大但是制作周期都是十分緊張，一般預留1-3天左右的繪圖時間，在工作的時候會不斷的去總結設計方法，不斷的提升自己的效率，保證需求高效高質的完成，今天和大家分享一下十分容易出效果的大場景漸變插畫技巧

漸變插畫在營銷設計、UI設計中都十分的流行，應用場景廣泛，在營銷設計中開機屏等氛圍圖以及主視覺，ui界面中icon、空白頁、提示頁等應用，漸變插畫可以讓畫面更加豐富，不在單一，漸變插畫看似復雜，只要處理方法得當，其實十分容易上手，我在處理漸變插畫的時候會按照3個步驟去處理：

1、構圖設定

2、配色選定

3、細節刻畫

我根據之前做的營銷項目進行逐步分解一下繪畫方法(我在文章中配有了解析圖，可以更好的理解步驟)，這張圖主要是展示業務場景，包含了主要的橫向行業，分別是進口、服裝、新零售、非消，運輸場景，總長4000像素*500像素一共耗時一個工作日，主要當時是同時進行其他項目，在繪制買手節的描邊插畫(下一次會分享描邊插畫的技巧)，只繪制這一副的話，大概半個工作日就可以了，言歸正傳進入技巧講解

01 構圖設定

很多小伙伴在構圖的時候，不知道如何下手，我來告訴大家小竅門，我首先會從兩個緯度把畫面拆分，一是從畫面節奏感來繪制草稿，畫面主要是建筑為主，高低起伏的節奏感要把握好，這樣畫面才有韻律感，畫面更具生動，首先確定畫面左右兩邊建筑為視覺高點，中間位置為視覺低點，中心點的旁邊在安排一個視覺高點，讓視覺中心放在畫面的中心位置，畫面的空余部分就按照高低高的節奏來安排(高點不能超過兩側的高點，低點圍繞中心位置的低點展開)。這個原理和樂譜的原理一樣，具有韻律才能產生悅耳的聲音。畫面是一個長方形，需要通過建筑物的高低起伏，將畫面合理的分割，產生視覺的舒適度。

請點擊查看大圖

確定好了畫面節奏感，接下來從空間角度分析，將畫面分為前景、中景、背景。前景主要是核心內容的展示，要直接的表達主題，傳遞核心思想、中景主要是裝飾，可以采用一些圖形元素豐富前景和渲染氣氛，背景層采用大塊的幾何圖形去點綴，提升畫面的整體性，將前景、中景的元素貫穿起來，讓畫面豐富但不會雜亂。

前景

中景

背景

畫面的左右韻律關系、前后空間關系確定好了，開始上色。

02 配色選定

這個時候會有小伙伴問為什么開始繪制用黑白灰的顏色，主要是為了確定畫面的顏色比重，光影的關系，這樣會讓扁平風也有空間關系，提升效率。

我們首先確定畫面的主色調，這個就要根據主題來確定，此次畫面主要是體現春夏季節的，所以用色上采用紅色和黃色為主，為了保證畫面顏色不會過暖，需要增加一些冷色去平衡畫面的冷暖關系，輔助冷色系選為藍、紫色，藍紫色和黃紅色是互補色，組合在一起會讓畫面和諧，如果添加綠色，把控不好就需要反復的調整(這也是配色節省時間的小竅門，不要緊急任務中去嘗試自己不能百分百把控的設計)，輔助背景色需要采用和主色系相同色系的顏色，但是色彩的飽和度不要超過主體顏色，顏色采用粉色系為主，從桃紅漸變到淡粉色。確定好顏色后，根據黑白稿的明暗關系、空間前后關系層添加的顏色就好。

這里還要強調幾個配色容易出現的幾個誤區，漸變色不是從一個顏色的亮色漸變到暗色，不是亮部不斷的增加白色、暗部不斷的加深，這樣的漸變色會變的很臟。而是從一個顏色漸變到臨近的色系，這樣可以讓畫面，看上去視覺沖擊力更強更舒適。

在選取顏色的時候不要去選擇拾色器暗色和亮白色部分，而是選取飽和度高的色彩范圍，主要是選取下圖藍色圈區域的顏色

03 刻畫細節

在空間構圖、顏色填充進行完之后，再進行細節刻畫、陰影的調整，細節刻畫為了讓畫面更加的豐富和細致，刻畫也是有技巧，在物體的亮面增加一個飽和度、明度更高的色塊，暗部添加反光色塊，會讓物體更加的有質感，可以看一下添加和沒有添加的對比圖。

在物體上面增加一些機理或者小的裝飾，可以打破基本形體的呆板、豐富畫面。

調整完細節，整幅畫面就繪制完了!可以根據這個步驟舉一反三的進行繪制，不管是扁平漸變插畫還是立體的漸變插畫，都可以高效高質的處理好!

是不是感覺很簡單，就和把大象放進冰箱的步驟一樣簡單，那就分享給身邊的小伙伴!一起進步!

平面漸變插畫

立體漸變插畫

banner中的應用

ICON 應用

下期我會和大家分享一下描邊插畫的快速繪制的技巧。

最后送上“烏·魚·說”給大家的祝福：大勇者直面內心疑問，正因如此，才可以更篤定的期待美好之事的降臨。

【烏·魚·說】

不想高談闊論，只想和你促膝而談，以設計實踐經驗交流為主的公益圈子，每期我們將邀請一位嘉賓與大家聊聊工作實踐中的那些事，不容錯過你值得擁有。