今天來分享一個(gè)插畫視覺的需求，大概的要求如下：
我們來看看整個(gè)制作優(yōu)化的過程。
01 草圖階段
因?yàn)橐故拘@場(chǎng)景，為了更多了展示更多的內(nèi)容，所以我們采用了俯視2.5d的手法，盡量更大面積的展示校園場(chǎng)景，草圖如下：
雖然草圖確實(shí)很草，但是大感覺是ok的，但有幾個(gè)小點(diǎn)是需要優(yōu)化的。
比如上半部分的“熱點(diǎn)”用文字顯得太笨重了，可以換成一些圖標(biāo)：
再比如左下角的地方有點(diǎn)太密集，太瑣碎了，可以嘗試變得整體一點(diǎn)，于是我們換成了氫氣球和英文字母：
這樣就好多了，有了草圖，我們?cè)侔巡輬D優(yōu)化成線稿：
這樣就可以上色了！
02 上色階段
顏色階段出現(xiàn)了比較嚴(yán)重的問題，因?yàn)檫@個(gè)畫面設(shè)計(jì)到的元素、層次太多，插畫師改了非常非常多的版本，但始終是沒有改出及格的效果，選一些給大家看看：
最后，只能讓熱哥親自動(dòng)手了，優(yōu)化后的效果如下
這里需要和大家分享一些關(guān)于配色的小技巧。首先，我們一定要控制畫面飽和度
看過我之前文章的同學(xué)應(yīng)該知道，飽和度越高的顏色，越吸引眼球，看下圖就知道了
我們的畫面不能全都是高飽和，不然很容易導(dǎo)致畫面太刺眼睛。比如像下面這張圖：
主體應(yīng)該是畫面中心的黃色，但是旁邊的藍(lán)色飽和度比主體還要高，而且這個(gè)高飽和度的藍(lán)色面積還不小呢，這就導(dǎo)致我們沒辦法把視覺聚焦在畫面中心。
其次，我們一定要學(xué)會(huì)不要讓暗部太臟
很多同學(xué)在加顏色暗部的時(shí)候，容易弄的比較臟，像下面這種：
直接往黃色里加黑色，就顯得比較臟。
其實(shí)我們可以適當(dāng)改變暗部色相，比如固有色是黃色，那我們暗部的顏色可以往橙色偏一偏：
這樣就不會(huì)那么臟了！
你看下面這個(gè)里面的黃色的暗部，就比較臟：
而下面這個(gè)畫面里的黃色暗部就好很多，不臟：
大家明白了吧！
03 其他感悟
剩下就是一些調(diào)整的細(xì)節(jié)階段了，和大家分享一些小感悟。
一個(gè)畫面，我們不能讓所有維度的內(nèi)容都是普通的，比如構(gòu)圖、顏色、元素、質(zhì)感，如果沒有一個(gè)內(nèi)容跳出來，那就基本完蛋了。
怎么讓畫面來點(diǎn)亮點(diǎn)呢，其中比較好用的一個(gè)方式，就是給某個(gè)元素加點(diǎn)生命力，比如之前的房子過于普通，我們可以給她加點(diǎn)迷人化的表情：
但是感覺表情不用那么生氣，不太好，還是平和一點(diǎn)：
其次可以在畫面中穿插一些修飾元素，像這種：
會(huì)讓你的畫面更加富有層次，也會(huì)更加靈動(dòng)。
最后再把一些空的地方加一些細(xì)節(jié)，比如像這個(gè)地方，桌面上空蕩蕩的：
加上一些書本，豐富一下
這樣就好一些了。
總結(jié)
以上就是這個(gè)小畫面的過程感悟了，主要從構(gòu)圖、配色、細(xì)節(jié)這個(gè)三個(gè)方面進(jìn)行了優(yōu)化：
其中最主要的還是配色這一塊，一定要注意整個(gè)頁面的飽和度比例，明暗比例，一旦比例不協(xié)調(diào)，最后就會(huì)導(dǎo)致畫面不夠和諧！
內(nèi)容經(jīng)授權(quán)轉(zhuǎn)載自公眾號(hào)“菜心設(shè)計(jì)鋪”
精選文章：
誰說爸媽裝修的房子一定辣眼睛？這個(gè)家分分鐘秒殺一眾小年輕！
馬巖松新作，全球最大覆土建筑群設(shè)計(jì)，“消失的體育場(chǎng)”
藝術(shù)家的衣櫥丨激情加州、猛男泳池與大衛(wèi)·霍克尼的針織衫
非特殊說明，本文版權(quán)歸原作者所有，轉(zhuǎn)載請(qǐng)注明出處:大作網(wǎng)