? 什?么?是?設(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)載。