跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì):系列第二彈-卡通簡(jiǎn)筆風(fēng)格

sky
0 評(píng)論 5104 瀏覽 24 收藏 14 分鐘

作為一個(gè)設(shè)計(jì)師,掌握各種各樣的設(shè)計(jì)風(fēng)格和手法是非常必要的,針對(duì)不同的設(shè)計(jì)需求進(jìn)行匹配設(shè)計(jì)。

什么是設(shè)計(jì)手感?

之前和大家分享了點(diǎn)線底紋風(fēng)格,今天和大家?guī)?lái)一個(gè)新的手繪描邊手法的解析,在分享之前先和大家聊下,什么是設(shè)計(jì)手感?

如果喜歡運(yùn)動(dòng)的朋友可能知道,比如籃球,你想進(jìn)攻籃筐的時(shí)候,你是選擇后撤投籃,還是扣籃,還是傳球,你的每一個(gè)機(jī)會(huì)點(diǎn)的選擇都直接決定比賽的結(jié)果。

再和大家舉個(gè)更好理解的例子,拳擊手在比賽時(shí),什么時(shí)候用勾拳,什么時(shí)候用前直拳,什么時(shí)候后直拳,什么時(shí)候前擺拳都是需要很有節(jié)奏,根據(jù)對(duì)手情況去出擊。

最近我也在一直反思自己,設(shè)計(jì)手感,在我們拿到一個(gè)項(xiàng)目時(shí)候,該用什么樣風(fēng)格,什么樣質(zhì)感,什么樣板式,和打拳打球一樣,需要把握好手感,力道,否則一個(gè)簡(jiǎn)單的項(xiàng)目,你直接一個(gè)重勾拳過(guò)去,不會(huì)獲得想要結(jié)果,會(huì)導(dǎo)致用力過(guò)度,所以作為一個(gè)好的設(shè)計(jì)師,需要掌握各種各樣風(fēng)格和手法,但是什么時(shí)候出手什么招,這個(gè)是需要把握好火候!

什么是卡通簡(jiǎn)筆風(fēng)格?

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲ 這是一個(gè)典型是手繪簡(jiǎn)筆風(fēng)格,Dropbox非常有特點(diǎn)切且經(jīng)典的一套設(shè)計(jì),整體風(fēng)格呈現(xiàn)是手繪線條配以低飽和度的顏色,非常有趣味性和故事性在里面。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲今年Facebook更新了最新版本,其中變化最大的就是圖形圖標(biāo)上面,舊的圖標(biāo)采用中規(guī)中矩的填充型面形圖標(biāo),新版本呈現(xiàn)出更加年輕,卡通,活力的設(shè)計(jì),圖標(biāo)的每個(gè)配色以及造型都相對(duì)早期的風(fēng)格有一個(gè)很強(qiáng)的變化。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲這是獲得IF和紅點(diǎn)雙料大獎(jiǎng)的L.POINT的界面設(shè)計(jì),同樣來(lái)自韓國(guó)設(shè)計(jì)團(tuán)隊(duì)Plusx,除了使用大量可視化的元素,整體的設(shè)計(jì)風(fēng)格也是運(yùn)用這種卡通簡(jiǎn)筆風(fēng)格在設(shè)計(jì),趣味的設(shè)計(jì)讓一個(gè)冰冷工具沒(méi)有那么冰冷,卡通手繪風(fēng)格不僅適用于社交,工具,只要運(yùn)用得當(dāng)能讓你的設(shè)計(jì)迅速區(qū)別于同類(lèi)型產(chǎn)品。

卡通簡(jiǎn)筆的特點(diǎn)

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

特點(diǎn)1:故事性

既然是卡通簡(jiǎn)筆風(fēng)格,那么你的畫(huà)面風(fēng)格一定要趣,不能呆板單調(diào),有一定故事性在里面,Dropbox設(shè)計(jì)團(tuán)隊(duì)卡通設(shè)計(jì),我們可以看出這套人物設(shè)計(jì)中,包含了團(tuán)隊(duì)各個(gè)角色工種,每個(gè)人物賦予他人物本身特點(diǎn),同時(shí)每個(gè)人臉上也不是不一樣的表情。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲這是Dropbox的一套從個(gè)人賬戶(hù)遷移資料到企業(yè)賬戶(hù)的引導(dǎo)頁(yè)面設(shè)計(jì),作者將整個(gè)轉(zhuǎn)移的過(guò)程設(shè)計(jì)得可愛(ài)有趣,像帶著全家一起去旅行,小狗,螃蟹,沖浪板這些生活中元素都巧妙融合到設(shè)計(jì)中!

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲登錄頁(yè)面插圖設(shè)計(jì),同樣的這些插畫(huà)將很工具化的語(yǔ)言,比如高效工作,無(wú)縫連接,減少工作錯(cuò)誤很枯燥的引導(dǎo)語(yǔ),通過(guò)工作中有趣味場(chǎng)景很好轉(zhuǎn)化成手繪插畫(huà)讓用戶(hù)更好理解。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲這是一組早上起床做哪幾件事情能提升你工作效率的插畫(huà),起床看文章,把自己打扮美美的,吃早餐,鍛煉身體等等!作者通過(guò)這種生活里場(chǎng)景細(xì)膩觀察,趣味的表達(dá),讓設(shè)計(jì)更加生動(dòng),所以卡通簡(jiǎn)筆風(fēng)格在設(shè)計(jì)創(chuàng)意上,一定是需要有故事性,巧妙的能將生活里場(chǎng)景很好的通過(guò)圖形化傳遞給用戶(hù)。

特點(diǎn)2:?jiǎn)紊渖?/h3>

卡通簡(jiǎn)筆風(fēng)格,很大一個(gè)特點(diǎn)就是配色簡(jiǎn)單,一般常用一色彩足夠,可以選擇品牌色或者一個(gè)輔助色!切忌色彩過(guò)多,色彩過(guò)多如果掌握不好會(huì)很花。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲韓國(guó)社交軟件Kakao,整體品牌色是黃色,在它整個(gè)設(shè)計(jì)中,除了插畫(huà)人物的角色設(shè)計(jì),在色彩上也是沿用品牌色+趣味生活場(chǎng)景結(jié)合,整體的品牌意識(shí)很強(qiáng),人物刻畫(huà)簡(jiǎn)潔有趣。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

在為這篇文章做資料收集時(shí)候,我發(fā)現(xiàn)韓國(guó)設(shè)計(jì)師特別喜歡手繪簡(jiǎn)筆發(fā)個(gè)運(yùn)用黃色,可能韓國(guó)互聯(lián)網(wǎng)用戶(hù)普遍更加娛樂(lè)化一些,黃色更加年輕,符合他們定位,就和中國(guó)喜歡紅色,藍(lán)色一樣!能看出來(lái)他們很多設(shè)計(jì)都是黃色基礎(chǔ)上去做演變,探索,很有意思。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲這套是我前面提過(guò)的那個(gè)PlusX的一套作品,我們可以看出色彩在這里面一致性的很好融合。這是一個(gè)金融產(chǎn)品,類(lèi)似我們國(guó)內(nèi)支付寶,作者在設(shè)計(jì)上很好的將生活里的支付場(chǎng)景運(yùn)用進(jìn)去了,吃喝玩樂(lè)記得使用L.POINT來(lái)支付。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲色彩的統(tǒng)一性,一致性在這種風(fēng)格中很重要,一定要保證你的畫(huà)面有主色調(diào),畫(huà)面協(xié)調(diào)。

特點(diǎn)3:多色彩配色

當(dāng)然除了單品牌色搭配,也可以使用多色彩,但是要注意,多色彩一定要保證你的畫(huà)面有主色調(diào),一般使用比例是70%主色調(diào),20%輔助色,10%輔助色的比例。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲早期的QQ相冊(cè),當(dāng)時(shí)這套引導(dǎo)頁(yè)也很經(jīng)典,很好的通過(guò)這些插畫(huà)形式將功能融入其中,但是這套設(shè)計(jì)精彩之處在于色彩沒(méi)有使用很濃烈的設(shè)計(jì),使用的一套比較低保和度的配色,所以看起來(lái)才沒(méi)有那么亂。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲運(yùn)用多色彩組合時(shí)候,一定要注重比例關(guān)系,同時(shí)色彩的明度,飽和度上需要干凈,不能臟。

特點(diǎn)4:手繪感

手繪卡通簡(jiǎn)筆,當(dāng)然在手法上需要體現(xiàn)一些輕松活潑的線條,筆觸不能那么僵硬,這是直接決定這一套風(fēng)格很重要一個(gè)點(diǎn)。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲線條不一定要過(guò)于規(guī)律,相反不規(guī)律的線條很能讓人感覺(jué)隨意輕松活潑,當(dāng)然避免生硬的線條。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲熊筆記的引導(dǎo)頁(yè),我們很明顯看到這種筆觸感,線條由粗到細(xì)的這種自然痕跡,讓設(shè)計(jì)更加柔和親切。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲這種大場(chǎng)景運(yùn)用,在halp這個(gè)項(xiàng)目中,運(yùn)用的淋漓盡致

在UI中的運(yùn)用

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲前面提過(guò)Facebook最新版本就是運(yùn)用這套風(fēng)格在新版本設(shè)計(jì)中,整體呈現(xiàn)很年輕活潑。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲最近關(guān)注比較多的韓國(guó)應(yīng)用,很多都運(yùn)用這種風(fēng)格,在圖標(biāo),banner,引導(dǎo)頁(yè)上,呈現(xiàn)完成的視覺(jué)體系。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲這種風(fēng)格,需要和整體界面風(fēng)格,配色融合在一起會(huì)更加整體,統(tǒng)一。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲也可以用局部使用,比如引導(dǎo)頁(yè),空白頁(yè)面,提示等等,呈現(xiàn)出手繪風(fēng)格。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲LPOINT在引導(dǎo)頁(yè)面設(shè)計(jì)上,也同樣使用這一套的視覺(jué)語(yǔ)言

在 圖 標(biāo) 中 的 運(yùn) 用

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲手繪簡(jiǎn)筆圖標(biāo)相對(duì)于傳統(tǒng)單色圖標(biāo),整體活潑性更強(qiáng),更加容易體現(xiàn)產(chǎn)品性格,但是需要整個(gè)APP都是類(lèi)似風(fēng)格才會(huì)顯得有體感,如果只是局部使用,可能會(huì)有些突兀。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲除了簡(jiǎn)單圖標(biāo)外,還可以一些復(fù)雜圖形,比如在九宮格圖標(biāo)運(yùn)用上,或者空白頁(yè)面,網(wǎng)站上都可以運(yùn)用此風(fēng)格。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲藝術(shù)家BurntToast的一套作品,個(gè)人風(fēng)格分明,色彩明亮,能很好的將這種手繪簡(jiǎn)筆運(yùn)用到各種各樣場(chǎng)景。

在插畫(huà)中的運(yùn)用

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲ 如果看膩了,扁平化純色插畫(huà),我們是否可以去探索一些新的可能呢,比如手繪簡(jiǎn)筆插畫(huà),畫(huà)大型場(chǎng)景也非常棒。

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì) | 技法系列第二彈-卡通簡(jiǎn)筆風(fēng)格

▲也可以做成系列表情包,本周的分享就到這里,我們下期見(jiàn)。

相關(guān)閱讀

跳槽進(jìn)大廠,這些設(shè)計(jì)技法必須會(huì)(系列一)

 

作者:我們的設(shè)計(jì)日記,微信公眾號(hào):我們的設(shè)計(jì)日記(ID:helloskys)

本文由 @我們的設(shè)計(jì)日記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash, 基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!