設(shè)計(jì)界的常青樹——手繪風(fēng)格運(yùn)用與案例分析

時(shí)間：2023-06-09 11:27:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-06-09 11:27:02 來源：網(wǎng)站運(yùn)營

設(shè)計(jì)界的常青樹——手繪風(fēng)格運(yùn)用與案例分析：數(shù)碼時(shí)代的平面設(shè)計(jì)基本上所有都是電腦操作或合成，人手做的工作越來越少，哪怕是專職從事平面設(shè)計(jì)，手繪好像也不是必備的技能了。前段時(shí)間阿里AI每秒制作8000張海報(bào)，也讓人不得不懷疑人手繪畫是否就這樣持續(xù)下去。但細(xì)想之下，手繪的特質(zhì)真的是機(jī)器就能輕易替代的么？
以下我們來分析下手繪的顯著特征：
1、隨性，更自由的靈感
手繪打破了某種刻意而為的束縛，而是以一種更為自在而隨心的狀態(tài)進(jìn)行創(chuàng)作，不經(jīng)意地呈現(xiàn)出渾然天成的意趣，以我手畫我心，想象力盡數(shù)釋放。



網(wǎng)站《Paper Beats Internet》
2、個(gè)性，更獨(dú)特的質(zhì)感
每個(gè)創(chuàng)作者的閱歷、風(fēng)格、技法都不盡相同，所以造就了手繪的不可復(fù)制，具有鮮明的個(gè)人辨析度。好的藝術(shù)絕不是流水線上規(guī)規(guī)矩矩產(chǎn)出的量化品，而是跳出模印的“異類”。



網(wǎng)站《BeSmart & Team》
3、人性，更暖心的情感
手繪是親切的，不是那種冷冰冰的機(jī)械制作，少了冷硬，多了柔軟，少了疏遠(yuǎn)，多了親和，洋溢著美好而溫暖的人情味，因?yàn)榍檎嬉馇?，所以更能激起情感共鳴。



網(wǎng)站《These Are Things》
隨性，個(gè)性，人性，正因?yàn)槭掷L的這幾個(gè)特性，我們才看到設(shè)計(jì)的更多可能性和延展性，畢竟設(shè)計(jì)始終是以人的奇思妙想為驅(qū)動(dòng)力的，也許未來真的會(huì)有越來越多的數(shù)碼制作取代人手工作，但數(shù)碼制作代替不了創(chuàng)意性思維。所以，手繪不僅不會(huì)式微，還會(huì)常青地流行下去，在字體、LOGO、網(wǎng)站BANNER等設(shè)計(jì)場(chǎng)合發(fā)揮關(guān)鍵性作用。

1、字體
手繪風(fēng)格的字體，像方正靜蕾簡(jiǎn)體、葉根友手寫體等，寫意而優(yōu)雅，帶有一種親和力和人情味，能有效地弱化距離感。



2、LOGO
LOGO作為企業(yè)的固定標(biāo)識(shí)，除非要全盤改版，否則常態(tài)下是不會(huì)有太大的變動(dòng)的。但在特殊的場(chǎng)合，微調(diào)也是可允許的范圍，這時(shí)候就經(jīng)常運(yùn)用到手繪元素了。像Google每逢節(jié)日都會(huì)在主頁放上節(jié)日定制的LOGO，手繪元素的運(yùn)用讓設(shè)計(jì)顯得不落俗套。



3、網(wǎng)站BANNER
網(wǎng)站BANNER是網(wǎng)站的第一印象，講求創(chuàng)意性，而手繪風(fēng)格的網(wǎng)站BANNER往往能呈現(xiàn)出多元化的原創(chuàng)性，給網(wǎng)站增加亮點(diǎn)，激發(fā)起用戶“一探究竟”的欲望。像以下來自“凡科建站”的兩個(gè)網(wǎng)站設(shè)計(jì)案例，上圖為美容護(hù)膚行業(yè)的網(wǎng)站模板，針對(duì)女性用戶群體采用了水彩手繪，水和色彩的融合，靈動(dòng)而清新，粉潤(rùn)而多彩，浪漫的粉色主調(diào)更是狙擊“女心”的利器；下圖為食品飲料的網(wǎng)站模板，在寫實(shí)圖片中穿插了簡(jiǎn)筆畫的手繪，豐富了整個(gè)畫面的層次感。






4、解釋指引
我們很多時(shí)候習(xí)慣以文字的形式來進(jìn)行用戶的解釋指引工作，其實(shí)與其用大段冗長(zhǎng)的文字來說明內(nèi)容，倒不如利用手繪圖畫來增強(qiáng)內(nèi)容的易讀性和趣味性。
像天貓的《雙11環(huán)球研究所不完全研究報(bào)告》H5就是采用了寫實(shí)手繪風(fēng)格來展示海外產(chǎn)品，讓本來呆板乏味的學(xué)術(shù)知識(shí)一下子變得娛樂通俗。



教程類的內(nèi)容也是相當(dāng)適當(dāng)用手繪風(fēng)格來呈現(xiàn)，像QQ瀏覽器HD版的小貼士，手繪風(fēng)的教程指引比常規(guī)的圖文介紹更顯得清晰易懂，更能激起用戶的閱讀興趣。



5、提示性頁面
對(duì)于像404之類的提示性頁面，也許我們還處在一種白底黑字的印象。瀏覽網(wǎng)站時(shí)遇到404頁面可以說是最讓人郁悶的一件事了，如果這時(shí)候再碰上硬邦邦冷冰冰的提示說明，恐怕用戶對(duì)網(wǎng)站的信任度就真的跌到谷底了。但如果嘗試將手繪風(fēng)格運(yùn)用到404頁面的設(shè)計(jì)，展現(xiàn)一個(gè)有溫度的頁面，不僅有效緩解用戶焦慮情緒，更能將負(fù)面體驗(yàn)扭轉(zhuǎn)為良性體驗(yàn)哦~
Fortyseven Media的手繪風(fēng)404頁面，簡(jiǎn)單的線條，輕松的畫法。



Studio Netiko的黑白手繪，簡(jiǎn)約而富有童趣感。



6、形象塑造
在上文我們也提到過，手繪具有鮮明的個(gè)人辨析度，所以也很利于形象塑造，特別是在一些設(shè)計(jì)服務(wù)類的網(wǎng)站，用戶通常都會(huì)比較關(guān)心這個(gè)工作室團(tuán)隊(duì)有著怎樣的個(gè)性和特質(zhì)，這時(shí)不妨利用手繪風(fēng)格展示團(tuán)隊(duì)形象，以輕松化及生動(dòng)化來拉近團(tuán)隊(duì)與用戶間的距離。像Polecat的手繪團(tuán)隊(duì)展示方式就給人一種獨(dú)特的外觀感受，也很好地渲染了團(tuán)隊(duì)的活潑歡脫與平易近人。



7、宣傳插畫
手繪風(fēng)格的宣傳插畫往往帶有一種耳目一新，讓人印象深刻，更能增強(qiáng)品牌傳播效果。手繪風(fēng)格很適合“動(dòng)”起來，所以和GIF結(jié)合起來更顯生動(dòng)趣致。像滴滴“1/100城市溫情小事件”的系列宣傳GIF，暖黃的色調(diào)道出了與滴滴相遇的溫情小故事，加入了動(dòng)態(tài)效果后插畫里的元素都躍然紙上了，有種小清新的童話感。



8、講述故事
手繪最初是流行于繪本故事，絕對(duì)是一位講故事高手。如果你想向用戶講述一個(gè)故事，手繪圖是不二選擇。像伊利的中秋H5開篇以多幅故事手繪圖道出了TA對(duì)自己的關(guān)愛，然而自己卻忽略了陪伴或道謝。所以，就為最愛的TA倒一杯好奶吧！最后畫面應(yīng)用重力感應(yīng)，傾斜手機(jī)，就可以將瓶子里的牛奶倒入杯子里了，感覺暖暖噠~



小結(jié)：
我們始終堅(jiān)信手繪的自成一派，無論時(shí)代的節(jié)奏運(yùn)轉(zhuǎn)得如何地快，生活也總會(huì)需要詩意的慢行。沒有人拒絕得了手工制的東西，那種舒適怡然的溫度感。就像是我們到高級(jí)餐廳用餐，但真正讓我們淚奔的，還是在家鄉(xiāng)吃到的住家飯。這不是廚藝的差別，因?yàn)槊篮玫氖澄锊恢皇桥福桥?，設(shè)計(jì)亦然，不只在養(yǎng)眼，也是養(yǎng)心。