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

sky
0 評論 5220 瀏覽 24 收藏 14 分鐘

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

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

之前和大家分享了點線底紋風(fēng)格,今天和大家?guī)硪粋€新的手繪描邊手法的解析,在分享之前先和大家聊下,什么是設(shè)計手感?

如果喜歡運動的朋友可能知道,比如籃球,你想進攻籃筐的時候,你是選擇后撤投籃,還是扣籃,還是傳球,你的每一個機會點的選擇都直接決定比賽的結(jié)果。

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

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

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

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

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

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

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

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

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

卡通簡筆的特點

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

特點1:故事性

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

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

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

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

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

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

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

特點2:單色配色

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

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

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

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

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

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

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

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

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

特點3:多色彩配色

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

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

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

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

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

特點4:手繪感

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

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

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

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

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

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

▲這種大場景運用,在halp這個項目中,運用的淋漓盡致

在UI中的運用

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

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

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

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

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

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

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

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

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

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

在 圖 標 中 的 運 用

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

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

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

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

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

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

在插畫中的運用

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

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

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

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

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

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

相關(guān)閱讀

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

 

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

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

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

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