昨天晚上又夢(mèng)到出去旅行了，是的，作為一名底層設(shè)計(jì)師，這已經(jīng)是我連續(xù)工作的第 29 天，沒(méi)辦法，在如今這個(gè)內(nèi)卷嚴(yán)重的時(shí)代，想要吃得飽，吃得香，總是需要舍掉一些類似于毛發(fā)的東西。如果不出意外，今天又是上班的一天，日復(fù)一日，再?gòu)?fù)一日，不知休息為何物。正當(dāng)我打開(kāi)電腦準(zhǔn)備開(kāi)干的時(shí)候，手機(jī)收到一條消息。
不知道你們 tu 沒(méi) tu，反正我是 too 了，雖然略微惡心，但是這突如其來(lái)的幸福感還是填滿了我的身體。我想做點(diǎn)兒什么事情來(lái)慶祝一下，思考了一陣子，我慌了，因?yàn)槲也恢涝摳缮读恕L(zhǎng)期的做圖已經(jīng)填滿了我的生活，好的，不掙扎了，我們做個(gè) logo 慶祝一下吧……由于此刻我的心中只有給我發(fā)消息的猴子哥哥和他帶給我的滿滿幸福感，所以我們就做個(gè)猴子比心的 logo 吧，話不多說(shuō)，開(kāi)整！ 我們先去網(wǎng)上找一堆猴子的卡通形象參考，目的不是為了直接抄他們的，而是看一下猴子的形象特征是什么。 我們可以看到猴子的基本特征就是臉部的兩個(gè)圈圈組成的一個(gè)類似于屁股的造型，我們先提取出來(lái)最基本的造型，正好這個(gè)造型可以由心形替代，我們優(yōu)化一下。 然后我們?nèi)ゾW(wǎng)上找一下比心的常規(guī)動(dòng)作，好像應(yīng)該差不多就下面兩種，我們選擇左邊肢體動(dòng)作更豐富的。好了，我們把剛才我們畫好的頭部直接安到我們找的這個(gè)圖片上，直接圖形化出來(lái)！我們盡量處理的幾何化一些，這樣圖形感更強(qiáng)烈。動(dòng)態(tài)畫好之后還缺少面部表情，我去私聊猴子哥哥他昨天晚上過(guò)的怎么樣，他扔給了我一個(gè)非常隱晦的表情包，好吧，就他了。同理表情的處理也不要過(guò)于復(fù)雜，能用圖形代替的就用圖形代替。畫到這里肯定是還差點(diǎn)意思的，有很多地方都缺點(diǎn)兒東西，比如下面部分切割的太生硬，身體部分空間太大，缺少一些點(diǎn)睛之筆，我靈光一閃，突然想到他為什么給我發(fā)那個(gè)表情，好的，有床，有制服，安排！ 像這些輔助小元素肯定不能畫的太具體，否則會(huì)影響整體的形象，所以我們把床簡(jiǎn)化成了一個(gè)橢圓，制服的話直接簡(jiǎn)化成一個(gè)小領(lǐng)結(jié)點(diǎn)綴一下即可，加上排版，我們看下成品。發(fā)給猴子哥哥看了之后他很滿意，也很開(kāi)心，但是同時(shí)提醒我別再做圖了，那么好吧，我試試離開(kāi)電腦…… 掙扎了一會(huì)兒，準(zhǔn)備起床收拾一下屋子，但是真的是太亂了，衣服、襪子、碎發(fā)、衛(wèi)生紙群魔亂舞，無(wú)從下手……沒(méi)辦法，我太懶了，最終還是決定叫一個(gè)家政服務(wù)來(lái)幫我收拾一下，等待的時(shí)候突然想起了最近在回看的哈利波特，里面每戶魔法家庭都會(huì)有一個(gè)小精靈幫忙打理家事。 我相信每一個(gè)設(shè)計(jì)師都有一個(gè)巫師夢(mèng)……算了，這輩子是不能擁有了，我們就用小精靈擬人化一個(gè)家政服務(wù)形象來(lái)做一個(gè) logo 吧…… 我們找到多比小精靈的高清無(wú)碼照片，先看一下他的特征點(diǎn)是什么。 我們可以看到他的最強(qiáng)烈的特征點(diǎn)就是大大的耳朵，只要把耳朵畫的大，再搭配一個(gè)好看的臉型，小精靈的形象就出來(lái)了，我們先按照?qǐng)D里的基本形象畫出來(lái)，然后注意不要完全和你的參考一摸一樣，否則很容易就會(huì)陷進(jìn)去。 看下面的圖，我們甚至改變了耳朵的走勢(shì)，但仍然沒(méi)有丟失小精靈的基本形象。 確定了頭部基本形象之后，我們就可以對(duì)他進(jìn)行擬人化動(dòng)作提煉了，前面我們擬定的方向是家政服務(wù)，但是我找了很多掃地的圖片，動(dòng)態(tài)都非常普通，畫出來(lái)肯定效果不好，于是我們轉(zhuǎn)換思路，只要有掃帚的話，不一定非得是掃地吧？ 腦子不知道為什么不自覺(jué)地閃現(xiàn)出陳學(xué)冬「哈利波特騎著掃帚飛」，行~那就讓我們的小精靈像哈利一樣騎著掃帚吧。 找到比較合適的參考之后，我們用頭部替換大法，按照參考把基本的動(dòng)態(tài)畫出來(lái)，由于這個(gè)動(dòng)態(tài)比較有標(biāo)志性，我們最好不要畫的和他一摸一樣，否則很容易被說(shuō)抄襲，我們可以更改一下方向，然后不騎著掃帚，拿著就行，順便把上面的手比個(gè)耶。OK，基本的形態(tài)畫好了，我們找一個(gè)大眼睛的開(kāi)心表情給他加上！畫到這里我們可以看到，雖然整體是挺好看的，但是和我們擬定的家政服務(wù)行業(yè)好像并沒(méi)有什么關(guān)系……沒(méi)關(guān)系，我們用空間彌補(bǔ)大法，將空間不合理的地方添加一些簡(jiǎn)單的行業(yè)相關(guān)元素。 有了這些點(diǎn)睛的小裝飾，也就有了家政服務(wù)的感覺(jué)，ok，定稿，看一下成品。這時(shí)候，家政小姐姐來(lái)了，我把這個(gè) logo 給她看，說(shuō)你看我畫的你可不可愛(ài)，她看了看我，又看了看手里的掃把，問(wèn)我：家里有刀嗎？ 一番折騰之后，終于出門了，路過(guò)了一家銀行，門口寫著存定期送 iPhone13，好家伙，這便宜能不占？我自信滿滿的拿出我的 8 看了看微信余額，嗯，手機(jī)一點(diǎn)兒也不卡…… 里面的銀行接待員看我過(guò)門而不入，熱情的告訴我現(xiàn)在存定期可以換 13 ?。∥艺f(shuō)我知道啊，我不缺手機(jī)啊……扎了一萬(wàn)個(gè)心，害，這時(shí)候我特想擁有一只嗅嗅（來(lái)自電影神奇動(dòng)物，它會(huì)把一切閃閃發(fā)光的金銀珠寶裝進(jìn)自己的口袋里然后然后帶給你……發(fā)家致富小能手呢?。?nbsp;他看我眼神發(fā)光有點(diǎn)冒口水，再次問(wèn)我真的不來(lái)拿個(gè)手機(jī)嗎……沒(méi)辦法，太熱情了，進(jìn)去看看吧。叫了號(hào)之后慢慢的等待，閉眼一思，嗅嗅對(duì)我那么好，我要給他畫個(gè) logo！和之前一樣，我們還是先觀察一下嗅嗅的基本形象特征。 大腦袋，鴨子一樣的長(zhǎng)嘴以及毛茸茸的身體，ok，我們按照之前的思路畫一下。 面部定好之后我們接著給他找動(dòng)態(tài)，我們觀察一下銀行里面標(biāo)準(zhǔn)服務(wù)禮儀姿勢(shì)，相比較右邊比較正式的姿勢(shì)，左邊伸出一個(gè)手服務(wù)的動(dòng)態(tài)更生動(dòng)形象。定好動(dòng)態(tài)，我們就把頭安到里面，然后畫一下大概的姿勢(shì)，接著進(jìn)行優(yōu)化，注意最好畫的圓圓可愛(ài)一下，否則丟失了卡通 logo 的特點(diǎn)。和之前一樣，我們針對(duì)于空間較為空曠的身體部分加入行業(yè)特征，給嗅嗅穿個(gè)小襯衫。我們需要注意的是畫行業(yè)特征部分的時(shí)候也要結(jié)合 logo 整體的感覺(jué)來(lái)刻畫，像襯衫的領(lǐng)口一般都是比較堅(jiān)硬立體的，我們也可以處理的圓滑一些。好了，終于到我的號(hào)了，銀行柜員熱情的問(wèn)我要存多少錢，我決定反將一軍：你看我這個(gè) logo 值多少錢… 不瞞各位，作為一個(gè)資深五迷老師，一直以來(lái)就有一個(gè)搖滾文藝青年的夢(mèng)想，咱就是說(shuō)也就是設(shè)計(jì)方面的才華實(shí)在太過(guò)于突出，要不然早就搖……餓死了。好的，雖然夢(mèng)想很豐滿現(xiàn)實(shí)很骨感，但是吉他班是沒(méi)少報(bào)，正好今天有時(shí)間，就去上一下吉他課吧！ 事實(shí)證明這一塊的飯確實(shí)不好吃，雖然我比較笨，但是老師還是經(jīng)常鼓勵(lì)我：你要是能學(xué)會(huì)，豬都能上樹哦！哇你這彈的，真的和豬一樣！這么長(zhǎng)時(shí)間了，就算你是頭豬，也應(yīng)該會(huì)了吧！ 好吧，你可以罵我，但是你不能罵豬啊，既然這樣，那就做一個(gè)豬彈吉他的 logo，讓他知道什么天外有豬！ 設(shè)計(jì)思路和之前的一樣，就不過(guò)多啰嗦了，老方法，先去找一些豬的形象參考。然后根據(jù)你自己的喜歡去改變他的造型，只要不影響識(shí)別性就好。 豬豬畫好之后，我們?nèi)フ覐椉淖藙?shì)參考。根據(jù)參考我們先把頭按上，然后畫出基本的身體走勢(shì)，可以稍微改變一下參考的方向，做的更有趣味一些。畫好之后我們?cè)偃ヌ钛a(bǔ)一下不太舒服的地方，該刪減的刪減，該增加的增加，甚至可以給他加一個(gè)小星星，代表?yè)u滾巨星。 畫到這里看似可以了，但其實(shí)還是可以有優(yōu)化的地方，俗話說(shuō)，沒(méi)有舞臺(tái)就沒(méi)有巨星，我們給圖形增加一個(gè)淺色圓形背景，使形象更整體更生動(dòng)，這里可以把豬的部分五官突出出來(lái)，不至于太呆板。 我拿著這個(gè) logo 去給吉他老師看：“這個(gè) logo 就送你了，以后你拿著他告訴大家，我們吉他社，就算是豬，也可以學(xué)會(huì)！”老師覺(jué)得很有道理，高興之余就把我的學(xué)費(fèi)免了！你看，還是做設(shè)計(jì)香吧，什么夢(mèng)想不夢(mèng)想，有飯吃才是王道呀…… 這一天整的，光做圖了……不行不行，得搞點(diǎn)兒娛樂(lè)項(xiàng)目啊！來(lái)，掏出手機(jī)，把朋友們約出來(lái)搞幾盤狼人殺！不得不講這個(gè)游戲真的太費(fèi)朋友了，玩的太次不行，沒(méi)兩下游戲就結(jié)束了，大家會(huì)罵你是個(gè)坑比，玩的太好也不行，大家說(shuō)沒(méi)看出來(lái)你小子原來(lái)心機(jī)這么重……被搞了幾局心態(tài)之后，我決定還是回到自己的舒適區(qū)，做個(gè) logo 吧……你看，別說(shuō)你沒(méi)有思路，或許你此刻正在干的事情就可以作為一個(gè)方向呢？ 這個(gè)游戲的精髓就是狼人的反復(fù)橫跳和偽裝，那我們的思路就是以狼為基本形象，給他做一個(gè)反復(fù)橫跳的動(dòng)態(tài)，再加一個(gè)人的面具，可以可以，老方法，先找一波參考。 然后我們根據(jù)參考找到狼的基本特征，把臉部畫出來(lái)，并給他套上一個(gè)面具，wow，人性的陰暗面起來(lái)了呢。 好了，我們來(lái)找一下反復(fù)橫跳的動(dòng)作，說(shuō)是反復(fù)橫跳，其實(shí)就是跳躍就好啦，我們找一個(gè)不是特別夸張但肢體還算豐富的圖片。參考?jí)|底，把頭安上，畫出基本動(dòng)態(tài)，然后就是根據(jù)這個(gè)動(dòng)態(tài)走勢(shì)將狼的身體部分畫出來(lái)。光是這樣肯定還是不夠的，手單純的這樣舉起略顯癡呆，既然是帶有懸疑感的游戲，我們就讓他拿個(gè)放大鏡吧，正好把空間填補(bǔ)下。 好像是可以了，但是能不能再豐富一下呢，讓他更貼近狼人殺這種年輕人群體的卡牌類游戲的感覺(jué)，我們?cè)俑鶕?jù)一些空間可以填補(bǔ)的地方，增加一些細(xì)節(jié)。填補(bǔ)完空間之后可以看到，雖然沒(méi)加動(dòng)效，但是整個(gè) logo 感覺(jué)動(dòng)起來(lái)了，反復(fù)橫跳的感覺(jué)也有了，這就是填補(bǔ)空間的魅力嗎！其實(shí)這些操作目的就是為了使圖形更整體的同時(shí)更貼近我們所設(shè)定的行業(yè)。不知道為什么，這個(gè) logo 畫完之后，大家覺(jué)得我心機(jī)更重了…… 累了一天，終于到深夜了。相信大家都已經(jīng)馬上準(zhǔn)備睡覺(jué)了吧，太好了，我終于可以開(kāi)始看書學(xué)習(xí)了。
好吧，確實(shí)是有點(diǎn)裝 13 了，要是真能看進(jìn)去，那至于現(xiàn)在還在干底層設(shè)計(jì)嗎！真的，這個(gè)社會(huì)誘惑太多了，現(xiàn)在還能堅(jiān)持每天看書的真的都是怪物吧，嗯？怪物看書？wc？！為什么靈感又來(lái)了呢……那就做吧……設(shè)計(jì)步驟和之前講到的案例都是一樣的，我們不多說(shuō)，直接開(kāi)整，這次我們不先畫腦袋了，直接把參考拼湊在一起，然后畫一個(gè)草圖。這里我們嘗試用正負(fù)形的方法去設(shè)計(jì)，具體設(shè)計(jì)方法可以去回看之前的正負(fù)形教程。 有了草稿就更好說(shuō)了，我們直接標(biāo)準(zhǔn)化制圖出來(lái)就好啦~我們?cè)诋嬅l(fā)的時(shí)候一定要注意它的一個(gè)走勢(shì)節(jié)奏感，而且不要畫的太多，切記它只是一個(gè)點(diǎn)綴。果然還是做設(shè)計(jì)帶來(lái)的滿足感令人舒適呀，比看書什么的容易多了，好了好了，可以準(zhǔn)備入睡了！ 如果你想問(wèn)不是睡覺(jué)了嗎怎么還有案例，那你就忽略了作為一個(gè)設(shè)計(jì)師最終的歸宿是什么了，你的客戶會(huì)讓你這么輕易的就結(jié)束這一天嗎？相信大家并不會(huì)產(chǎn)生同情心，因?yàn)榛旧厦總€(gè)設(shè)計(jì)師都經(jīng)歷過(guò)吧……沒(méi)辦法，上帝發(fā)話了，除了起來(lái)接著肝，還有什么辦法呢？帶著一萬(wàn)個(gè)不情愿的情緒，2個(gè)小時(shí)后，終于搞完了，然后…… 在電腦前靜靜地發(fā)呆了 5 分鐘后，我冷靜下來(lái)了，作為一個(gè)設(shè)計(jì)師，這件事情不是很正常嗎？忘記保存很丟人嗎？?。亢孟袷峭G人的……理性地講，遇到這種事不要怪你的軟件和電腦，只能怪你自己。好吧，事情已經(jīng)發(fā)生了，不如看的開(kāi)一些，化悲痛為靈感，我們常把自己比作設(shè)計(jì)獅，就做一個(gè)獅子愛(ài)做設(shè)計(jì)的擬人化吧…… 我們按照前面講到的設(shè)計(jì)步驟找一些獅子的卡通形象參考，然后用幾何化的形式給他畫出來(lái)。 那怎么能表現(xiàn)出愛(ài)做設(shè)計(jì)呢？一般容易傳遞出愛(ài)的動(dòng)態(tài)就是擁抱了！我們把 PS 拿過(guò)來(lái)，簡(jiǎn)單的給他畫一個(gè)擁抱的動(dòng)作（下圖左）但是這樣單純的抱著它似乎并不能體現(xiàn)出我們對(duì)于設(shè)計(jì)的熱愛(ài)之情，不如我們把腳也畫上，四肢都抱著它，這個(gè)姿勢(shì)（下圖右），就挺舒服！ 又到了填補(bǔ)空間的時(shí)候了，我們?nèi)绻?PS 放上去，那似乎又對(duì) AI 不公平了，我們應(yīng)該雨露均沾，既然實(shí)在選不出要放啥，那就放個(gè)問(wèn)號(hào)吧，同時(shí)我們把獅子的尾巴也加上。有了這個(gè) logo，以后軟件應(yīng)該就不會(huì)崩潰了吧？算了，繼續(xù)給客戶改圖吧，最后，讓我們把「我愛(ài)設(shè)計(jì)」打在公屏上……
設(shè)計(jì)步驟：
2.通過(guò)參考來(lái)提取形象的基本特征和賦予的肢體動(dòng)態(tài)；4.加入簡(jiǎn)單的行業(yè)元素填補(bǔ)空間；
總結(jié)：
其實(shí)擬人化的 logo 創(chuàng)作思路真的很開(kāi)放，它可以是你生活中遇到的一些事情，看到的一些事物，都可以積累起來(lái)當(dāng)做你的素材。我們?cè)谠O(shè)計(jì)的時(shí)候只需要按照上面案例中所講到的步驟，先把基本的形象和繪制出來(lái)，然后去把形象直接安放到一個(gè)合適的動(dòng)態(tài)里面，最后添加一些行業(yè)元素豐富一下空間就可以了。但其實(shí)很多同學(xué)在設(shè)計(jì)的時(shí)候都容易畫的和參考太像了，我們?cè)诳坍嫷臅r(shí)候只需要抓住形象的基本特征點(diǎn)即可，其他的地方都可以自己快樂(lè)的發(fā)散來(lái)做，這才是設(shè)計(jì)的有趣之處嘛！希望大家不要過(guò)度依賴參考，多多的去發(fā)散自己的思維，做出有趣生動(dòng)的擬人化 logo！好了，真的要睡了，設(shè)計(jì)師的假期，也可以過(guò)的很精彩呢……感謝大家聽(tīng)我啰嗦，晚安朋友們。
原文地址：胡曉波工作室（公眾號(hào)）
作者：告白天
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》你的擬人化LOGO真的應(yīng)該再有趣一點(diǎn)
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.paul-jarrel.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
