--------------------譯者寫在前邊----------------------------
一個(gè)良好的習(xí)慣和流程，能事半功倍，高效，方向感明確。
設(shè)計(jì)師初入行最忌諱不思考的行動(dòng)。
不管是創(chuàng)意還是溝通。
這篇文章很好的明確了職場(chǎng)中設(shè)計(jì)師要用勁的地方。
1，明確需求點(diǎn)。2，分步驟，從發(fā)散到最后收緊、細(xì)化的設(shè)計(jì)思路。
如果我初入職場(chǎng)時(shí)早點(diǎn)有人點(diǎn)播我這些。
也不至于那時(shí)候像個(gè)傻子一樣熬夜也干不對(duì)點(diǎn)子！
大家好，我是Dwango的設(shè)計(jì)師砂肝（昵稱，因?yàn)閻?ài)吃。砂肝=雞胗）
我平時(shí)的工作主要是負(fù)責(zé)niconico綜合頁(yè)面和排行榜頁(yè)面的設(shè)計(jì)。
也會(huì)設(shè)計(jì)一些logo和矢量插畫，總之比較雜。
去年10月25日“二コナレ”這個(gè)網(wǎng)站更新了卡通形象。
以這個(gè)設(shè)計(jì)為例，向大家呈現(xiàn)一下整套“服務(wù)類網(wǎng)站卡通形象設(shè)計(jì)”的全過(guò)程。
很多準(zhǔn)備從事插畫設(shè)計(jì)的設(shè)計(jì)師，應(yīng)該很想了解在實(shí)際的工作中，
究竟是怎樣的制作流程以及設(shè)計(jì)過(guò)程中應(yīng)該注意什么。
本文主要介紹的就是實(shí)際工作中，插畫形象設(shè)計(jì)的制作流程和需要注意點(diǎn)，應(yīng)該對(duì)新老手都有些幫助。
首先了解下， 為什么服務(wù)行業(yè)類的網(wǎng)站也需要設(shè)計(jì)卡通插畫形象呢
在介紹具體的制作流程前，先給大家介紹下服務(wù)網(wǎng)站設(shè)計(jì)卡通形象的初衷。
在nikoniko動(dòng)畫網(wǎng)站里有當(dāng)家卡通形象“小電視”和“立體人設(shè)小妞”
·······························譯者注······································
看到這應(yīng)該有人注意到了。
這個(gè)NICONICO網(wǎng)站就是中國(guó)鼎鼎有名的B站的濕~父~。
NICONICO網(wǎng)站誕生于2006年。彈幕發(fā)源地。
作者為之設(shè)計(jì)的"NICONARE"是NIKO旗下的一個(gè)PPT制作分享應(yīng)用，有網(wǎng)站和APP客戶端。
這個(gè)應(yīng)用可以制作PPT,可以給PPT錄制解說(shuō)，可以彈幕評(píng)論等等功能。
············································································
為服務(wù)類網(wǎng)站設(shè)計(jì)卡通形象好處多多：
·用戶通過(guò)卡通形象，更容易記住網(wǎng)站曾經(jīng)提供給自己的服務(wù)
·通過(guò)賦予卡通形象豐富內(nèi)容，更生動(dòng)的傳遞網(wǎng)站的服務(wù)宗旨
·上傳等待、加載中的畫面中有卡通形象的加入，也有益于用戶體驗(yàn)。
如果僅用圓形、方形或者簡(jiǎn)單人形構(gòu)造等造型進(jìn)行設(shè)計(jì)的話，
想要傳達(dá)上述的點(diǎn)，控制起來(lái)會(huì)比較困難。
因此，這個(gè)卡通形象本身應(yīng)該豐富多變，這樣可以自如控制向用戶傳達(dá)的內(nèi)容。
了解設(shè)計(jì)制作本身的初衷和源起是很重要的，
這個(gè)理念應(yīng)該自始至終貫穿整個(gè)制作過(guò)程，作為指導(dǎo)方向。
所以在介紹流程前，大家應(yīng)該先明確這一點(diǎn)。
制作流程的介紹
根據(jù)不同情況會(huì)有些出入，但基本上就是這么個(gè)流程。
1.明確卡通形象的設(shè)計(jì)需求
2.制作草案
3.根據(jù)草案定方向
4.正式設(shè)計(jì)制作
5.正式版本確定·完成
一、明確設(shè)計(jì)需求
···························這是本次的需求內(nèi)容·····································
● 為了配合niconare的上線，需要制作攻略介紹海報(bào)和404頁(yè)面等
● 希望有一個(gè)專屬的卡通形象（能傳遞知識(shí)的，比如貓頭鷹的形象等等）
● 網(wǎng)站和APP的產(chǎn)品設(shè)計(jì)基本完成，需要定一個(gè)主題色。
····························································································
如果對(duì)需求有任何不明白的地方，應(yīng)該和需求人不斷溝通直至明白。
防止“雖然完成了卻根本不是我想要的！重做！”這種杯具的發(fā)生。
首先，設(shè)計(jì)一下卡通專屬形象。
二、繪制草圖
根據(jù)需求，先腦洞大開多畫一些草案。
這里就是自由發(fā)揮的時(shí)刻啦，多多益善（稍稍玩過(guò)火些也沒(méi)關(guān)系！）
● 多多和需求人溝通各類草案方向，只要是個(gè)方向即可討論。
所有的草案都是在和設(shè)計(jì)成員包括需求人一起，不停討論決定方向。
如果草案未被通過(guò)，需要反復(fù)多次進(jìn)行制作討論，這個(gè)過(guò)程不要糾結(jié)細(xì)節(jié)，優(yōu)先速度。
···多設(shè)計(jì)幾個(gè)可以用來(lái)溝通討論的草案方向
···最基本的用色和形狀要成型，否則也不好討論決定
···要說(shuō)出創(chuàng)意的思路
···不必糾結(jié)設(shè)計(jì)細(xì)節(jié)，速度第一。
● 要明白需求人的真正訴求點(diǎn)
比如說(shuō)，需求內(nèi)容中提到“希望有一個(gè)貓頭鷹的形象”，
但其實(shí)真正的訴求點(diǎn)是“有一個(gè)智慧象征的形象”
考慮到這個(gè)訴求點(diǎn)，即使不是貓頭鷹，也可以嘗試其他的動(dòng)物形象了。
• 以下是按照貓頭鷹的思路設(shè)計(jì)的草案
• 從智慧這個(gè)思路的聯(lián)想
• 智慧之果·蘋果
如果沒(méi)有抓住真正的訴求點(diǎn)，要直接與需求人對(duì)話，重新收集情報(bào)。
● 也可以通過(guò)其他角度聯(lián)想，出出點(diǎn)子。
根據(jù)網(wǎng)站服務(wù)內(nèi)容，名字的叫法上延伸出來(lái)的創(chuàng)意。
• 根據(jù)服務(wù)內(nèi)容聯(lián)想出的：
• 發(fā)布會(huì)（發(fā)表、參觀、新品發(fā)布會(huì)？……）
• 名字發(fā)音的延伸創(chuàng)意（nare人 nare人類 幻~）
• 用戶可能喜歡的（對(duì)應(yīng)女性客戶群）
三、討論草案定方向
把所有草案給需求人看，從中選出可以進(jìn)一步設(shè)計(jì)的方案。
如果沒(méi)有一個(gè)相中，就要再重新構(gòu)思畫草圖。
這次的草案中，紅色勾出的是被選中的方案
接下來(lái)進(jìn)一步設(shè)計(jì)這些方案，并開始軟件設(shè)計(jì)
這次提案的“透特智慧之神”反響不錯(cuò)，接下來(lái)以這個(gè)為例開始軟件設(shè)計(jì)
四、用設(shè)計(jì)軟件進(jìn)一步設(shè)計(jì)
4-1根據(jù)網(wǎng)站和APP的風(fēng)格，決定一下卡通形象的繪畫風(fēng)格和繪制工具。
這次的情況：
1.網(wǎng)站整體是扁平風(fēng)
2.目標(biāo)客戶群沒(méi)有性別傾向
3.需要適用多種使用環(huán)境
基于以上理由，決定了以下的風(fēng)格配色和繪制工具：
·減少渲染和立體效果，采用盡量扁平化的設(shè)計(jì)
·配合服務(wù)網(wǎng)站的基調(diào)，使用中性配色
·為了配合多種環(huán)境使用，在illustrator里進(jìn)行矢量設(shè)計(jì)
4-2 設(shè)計(jì)
①掃描草圖，放入軟件
·草圖的線不用畫的特別準(zhǔn)確。
如果用很細(xì)的線畫出準(zhǔn)確路徑，在用鋼筆工具重新勾勒時(shí)，一旦沒(méi)有對(duì)實(shí)，
細(xì)節(jié)部分會(huì)看起來(lái)很奇怪，增加勾勒的壓力
·具體問(wèn)題具體分析，就本次來(lái)說(shuō)，能夠指導(dǎo)勾勒的方向路徑即可。
②根據(jù)草圖進(jìn)行鋼筆勾勒
運(yùn)用Illustrator的鋼筆工具重新勾勒草圖，制作矢量圖形
為了今后方便動(dòng)作設(shè)計(jì) 把身體分割成多個(gè)組成部分
頭 身體 腿和腳 臉的內(nèi)容等等
③上色
根據(jù)草圖的配色定主題色。
檢查是否符合服務(wù)類網(wǎng)站的用色，要時(shí)常保持這種意識(shí)。
④ 調(diào)整全體
4-3 附贈(zèng)：名字和一些簡(jiǎn)單的說(shuō)明
4-4 其他幾個(gè)草案也按照同樣的過(guò)程依次制作出來(lái)
五、最終確定方案
從中意的草案進(jìn)一步軟件設(shè)計(jì)成的幾個(gè)方案里 決定最終方案
這次很開心，NARE神被采用為主視覺(jué)卡通，其他方案可以靈活運(yùn)用在其他地方。
很欣慰~！
Illustrator的卡通形象就算完成了！！
六、制作矢量海報(bào)圖
把設(shè)計(jì)好的卡通形象進(jìn)行組合布局，設(shè)計(jì)海報(bào)
這里的過(guò)程和卡通形象設(shè)計(jì)過(guò)程一樣，先畫草圖，再制作。
盡量采用比較簡(jiǎn)單可以多場(chǎng)合使用的設(shè)計(jì)元素，會(huì)非常便利！
● 導(dǎo)航教程圖
● 404頁(yè)面
● 其他……
總結(jié)
這就是全部制作過(guò)程了。
希望能給今后從事插畫設(shè)計(jì)的設(shè)計(jì)師有所幫助
制作過(guò)程中需要特別注意的點(diǎn)：
● 如果想給出自己有價(jià)值的提案，首先要好好理解需求。
● 決定運(yùn)用哪個(gè)卡通形象時(shí)，多從各個(gè)角度來(lái)考慮下。
● 最開始不要太細(xì)化，或糾結(jié)細(xì)節(jié)，和需求人多討論共享，方向ok后再細(xì)化。
● 最好能設(shè)計(jì)可以支持多種設(shè)計(jì)環(huán)境使用的設(shè)計(jì)源文件。
就到這兒吧 謝謝大家 下期再見(jiàn)！
作者介紹
砂肝
Designer
擅長(zhǎng)logo、插畫和平面類設(shè)計(jì)
喜歡的食物當(dāng)然是砂肝（雞胗子）。
