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

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


上周和大家分享了點(diǎn)線底紋風(fēng)格捎稚,今天和大家?guī)硪粋€新的手繪描邊手法的解析,在分享之前先和大家聊下求橄,什么是設(shè)計(jì)手感今野?如果喜歡運(yùn)動的朋友可能知道,比如籃球罐农,你想進(jìn)攻籃筐的時候条霜,你是選擇后撤投籃,還是扣籃涵亏,還是傳球宰睡,你的每一個機(jī)會點(diǎn)的選擇都直接決定比賽的結(jié)果蒲凶。



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


最近我也在一直反思自己抑片,設(shè)計(jì)手感繁仁,在我們拿到一個項(xiàng)目時候斥赋,該用什么樣風(fēng)格署海,什么樣質(zhì)感采够,什么樣板式肄方,和打拳打球一樣,需要把握好手感蹬癌,力道权她,否則一個簡單的項(xiàng)目,你直接一個重勾拳過去逝薪,不會獲得想要結(jié)果隅要,會導(dǎo)致用力過度,所以作為一個好的設(shè)計(jì)師董济,需要掌握各種各樣風(fēng)格和手法步清,但是什么時候出手什么招,這個是需要把握好火候虏肾!


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

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


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


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


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

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

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


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


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


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


特點(diǎn)2:單色配色


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


▲?韓國社交軟件Kakao沐扳,整體品牌色是黃色泥从,在它整個設(shè)計(jì)中,除了插畫人物的角色設(shè)計(jì)沪摄,在色彩上也是沿用品牌色+趣味生活場景結(jié)合躯嫉,整體的品牌意識很強(qiáng),人物刻畫簡潔有趣卓起。



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


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


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


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


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


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


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


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

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


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


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


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


在 U I 中 的 運(yùn) 用? ?

?

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


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


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


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


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


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

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


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


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


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

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


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



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

本文由 @我們的設(shè)計(jì)日記 原創(chuàng)發(fā)布于簡書装蓬。未經(jīng)許可著拭,禁止轉(zhuǎn)載。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末牍帚,一起剝皮案震驚了整個濱河市儡遮,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌暗赶,老刑警劉巖鄙币,帶你破解...
    沈念sama閱讀 211,743評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異蹂随,居然都是意外死亡十嘿,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評論 3 385
  • 文/潘曉璐 我一進(jìn)店門岳锁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來绩衷,“玉大人,你說我怎么就攤上這事】妊啵” “怎么了勿决?”我有些...
    開封第一講書人閱讀 157,285評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長招盲。 經(jīng)常有香客問我剥险,道長,這世上最難降的妖魔是什么宪肖? 我笑而不...
    開封第一講書人閱讀 56,485評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮健爬,結(jié)果婚禮上控乾,老公的妹妹穿的比我還像新娘。我一直安慰自己娜遵,他們只是感情好蜕衡,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著设拟,像睡著了一般慨仿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上纳胧,一...
    開封第一講書人閱讀 49,821評論 1 290
  • 那天镰吆,我揣著相機(jī)與錄音,去河邊找鬼跑慕。 笑死万皿,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的核行。 我是一名探鬼主播牢硅,決...
    沈念sama閱讀 38,960評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼芝雪!你這毒婦竟也來了减余?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,719評論 0 266
  • 序言:老撾萬榮一對情侶失蹤惩系,失蹤者是張志新(化名)和其女友劉穎位岔,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蛆挫,經(jīng)...
    沈念sama閱讀 44,186評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡赃承,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了悴侵。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瞧剖。...
    茶點(diǎn)故事閱讀 38,650評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出抓于,到底是詐尸還是另有隱情做粤,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布捉撮,位于F島的核電站怕品,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏巾遭。R本人自食惡果不足惜肉康,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望灼舍。 院中可真熱鬧吼和,春花似錦、人聲如沸骑素。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽献丑。三九已至末捣,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間创橄,已是汗流浹背箩做。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留妥畏,地道東北人卒茬。 一個月前我還...
    沈念sama閱讀 46,370評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像咖熟,于是被迫代替她去往敵國和親圃酵。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評論 2 349

推薦閱讀更多精彩內(nèi)容