第一次做這種插畫網(wǎng)頁(yè)需求，獻(xiàn)丑了！
菜心工作室的第391篇原創(chuàng)
2022年的第22篇
距離2022年小目標(biāo)160篇原創(chuàng)還剩138篇
設(shè)計(jì)出品：菜心設(shè)計(jì)鋪
質(zhì)量監(jiān)控：菜心
設(shè)計(jì)執(zhí)行：菜心、圍墻
01 項(xiàng)目背景?
背景就不說(shuō)太多了，就知道這是一個(gè)偏向于游戲的網(wǎng)頁(yè)，今天要講的這個(gè)頁(yè)面就是一個(gè)理發(fā)店，這里面可以進(jìn)行洗頭的操作。
知道這些就可以了，我們需要讓用戶一進(jìn)來(lái)，就知道這里是一個(gè)理發(fā)店，所以需要在頭部有一個(gè)理發(fā)店的場(chǎng)景插畫，然后下面就是其他的一些操作。
背景就這些，我們看看執(zhí)行的過(guò)程和感悟吧。
?02 草圖繪制?
草圖繪制很關(guān)鍵，我們還是延續(xù)以前的繪畫風(fēng)格，描邊風(fēng)格，最開(kāi)始的一版效果是這樣的：
這里解釋下為什么屋子內(nèi)部是破損的，因?yàn)檫@個(gè)世界觀設(shè)定的就是城市被隕石砸了，所以城市破損嚴(yán)重。
我們主要從設(shè)計(jì)的角度來(lái)看，有以下幾個(gè)問(wèn)題：
第一個(gè)問(wèn)題：
這個(gè)理發(fā)店是海外的理發(fā)店，國(guó)外的很多理發(fā)店，洗頭和剪頭是在一起的，像這個(gè)樣子：
第二個(gè)問(wèn)題：
沒(méi)有什么品牌感，也就是說(shuō)這里理發(fā)店，可以是任意一家理發(fā)店。
那怎么加品牌感呢？
比如墻上的畫是不是可以增加他們的品牌形象：
這回就差不多了，不過(guò)需求方對(duì)于品牌元素抓的比較嚴(yán)格，形象耳朵的大小都會(huì)比較在意，比如耳朵畫的有點(diǎn)大了，我們看下對(duì)比：
其實(shí)這張插圖的顏色還是有點(diǎn)難度的，怎么去選取色相、怎么去分配比例等等，都有一定的挑戰(zhàn)。
比如最開(kāi)始上了一版顏色如下：
什么問(wèn)題？其實(shí)就是艷麗的顏色占比比較多，所以我們需要把一些顏色飽和度降低一點(diǎn)，形成對(duì)比，不如稍微有點(diǎn)刺眼了。
當(dāng)把部分顏色飽和度降低后，效果就變得好多了：
不過(guò)仔細(xì)觀察，其實(shí)整個(gè)頁(yè)面還是有些問(wèn)題，比如整體冷色比例有點(diǎn)少了，比如最右側(cè)窗戶外面就有很多綠色，但是屋內(nèi)就沒(méi)有偏綠色的色相呼應(yīng)了，于是調(diào)整冷色比例，優(yōu)化后效果如下：
這樣就算是差不多了。
?04 一個(gè)創(chuàng)意分享?
在后面做網(wǎng)頁(yè)的時(shí)候，有一個(gè)小創(chuàng)意可以和大家分享一下，下圖這張卡片分兩種狀態(tài)，一種是默認(rèn)狀態(tài)：
還有一種是加入洗發(fā)水后的洗發(fā)狀態(tài)，如果洗發(fā)狀態(tài)只是換了一個(gè)顏色，可能就有點(diǎn)普通，像這樣：
于是就想著如何能增加一點(diǎn)設(shè)計(jì)感，我們?cè)谙窗l(fā)的時(shí)候會(huì)出現(xiàn)很多泡沫，那是不是可以在洗發(fā)狀態(tài)的時(shí)候，給卡片周圍加一些泡沫元素？可以試一下：
雖然加上了元素，但是有兩個(gè)問(wèn)題，一個(gè)是泡沫加的有點(diǎn)散，另外一個(gè)就是泡沫有點(diǎn)像雪。
第一個(gè)問(wèn)題好解決，我們只要把泡沫加的有大小對(duì)比，有疏密對(duì)比即可，比如像這種感覺(jué)：
第二個(gè)問(wèn)題，怎么把泡沫畫的更像一點(diǎn)呢，找了一些泡沫的參考：
比較重要的點(diǎn)就在于要有透明的泡泡，然后泡沫的顆粒度要大一些，不然就會(huì)比較像雪。
在這樣的前提下，優(yōu)化一版效果如下：
這回就好很多了，在配上卡片，卡片顏色可以用藍(lán)色，和水有一些關(guān)聯(lián)，更和諧一些：
最終效果大體如下：
希望今天的分享可以給大家一些啟發(fā)，工作室目前也在嘗試做更多元化的設(shè)計(jì)項(xiàng)目，繼續(xù)加油，產(chǎn)品更多作品和干貨！
評(píng)論
圖片
表情