跳槽進大廠,這些設計技法必須會:系列第二彈-卡通簡筆風格
作為一個設計師,掌握各種各樣的設計風格和手法是非常必要的,針對不同的設計需求進行匹配設計。
什么是設計手感?
之前和大家分享了點線底紋風格,今天和大家?guī)硪粋€新的手繪描邊手法的解析,在分享之前先和大家聊下,什么是設計手感?
如果喜歡運動的朋友可能知道,比如籃球,你想進攻籃筐的時候,你是選擇后撤投籃,還是扣籃,還是傳球,你的每一個機會點的選擇都直接決定比賽的結(jié)果。
再和大家舉個更好理解的例子,拳擊手在比賽時,什么時候用勾拳,什么時候用前直拳,什么時候后直拳,什么時候前擺拳都是需要很有節(jié)奏,根據(jù)對手情況去出擊。
最近我也在一直反思自己,設計手感,在我們拿到一個項目時候,該用什么樣風格,什么樣質(zhì)感,什么樣板式,和打拳打球一樣,需要把握好手感,力道,否則一個簡單的項目,你直接一個重勾拳過去,不會獲得想要結(jié)果,會導致用力過度,所以作為一個好的設計師,需要掌握各種各樣風格和手法,但是什么時候出手什么招,這個是需要把握好火候!
什么是卡通簡筆風格?
▲ 這是一個典型是手繪簡筆風格,Dropbox非常有特點切且經(jīng)典的一套設計,整體風格呈現(xiàn)是手繪線條配以低飽和度的顏色,非常有趣味性和故事性在里面。
▲今年Facebook更新了最新版本,其中變化最大的就是圖形圖標上面,舊的圖標采用中規(guī)中矩的填充型面形圖標,新版本呈現(xiàn)出更加年輕,卡通,活力的設計,圖標的每個配色以及造型都相對早期的風格有一個很強的變化。
▲這是獲得IF和紅點雙料大獎的L.POINT的界面設計,同樣來自韓國設計團隊Plusx,除了使用大量可視化的元素,整體的設計風格也是運用這種卡通簡筆風格在設計,趣味的設計讓一個冰冷工具沒有那么冰冷,卡通手繪風格不僅適用于社交,工具,只要運用得當能讓你的設計迅速區(qū)別于同類型產(chǎn)品。
卡通簡筆的特點
特點1:故事性
既然是卡通簡筆風格,那么你的畫面風格一定要趣,不能呆板單調(diào),有一定故事性在里面,Dropbox設計團隊卡通設計,我們可以看出這套人物設計中,包含了團隊各個角色工種,每個人物賦予他人物本身特點,同時每個人臉上也不是不一樣的表情。
▲這是Dropbox的一套從個人賬戶遷移資料到企業(yè)賬戶的引導頁面設計,作者將整個轉(zhuǎn)移的過程設計得可愛有趣,像帶著全家一起去旅行,小狗,螃蟹,沖浪板這些生活中元素都巧妙融合到設計中!
▲登錄頁面插圖設計,同樣的這些插畫將很工具化的語言,比如高效工作,無縫連接,減少工作錯誤很枯燥的引導語,通過工作中有趣味場景很好轉(zhuǎn)化成手繪插畫讓用戶更好理解。
▲這是一組早上起床做哪幾件事情能提升你工作效率的插畫,起床看文章,把自己打扮美美的,吃早餐,鍛煉身體等等!作者通過這種生活里場景細膩觀察,趣味的表達,讓設計更加生動,所以卡通簡筆風格在設計創(chuàng)意上,一定是需要有故事性,巧妙的能將生活里場景很好的通過圖形化傳遞給用戶。
特點2:單色配色
卡通簡筆風格,很大一個特點就是配色簡單,一般常用一色彩足夠,可以選擇品牌色或者一個輔助色!切忌色彩過多,色彩過多如果掌握不好會很花。
▲韓國社交軟件Kakao,整體品牌色是黃色,在它整個設計中,除了插畫人物的角色設計,在色彩上也是沿用品牌色+趣味生活場景結(jié)合,整體的品牌意識很強,人物刻畫簡潔有趣。
在為這篇文章做資料收集時候,我發(fā)現(xiàn)韓國設計師特別喜歡手繪簡筆發(fā)個運用黃色,可能韓國互聯(lián)網(wǎng)用戶普遍更加娛樂化一些,黃色更加年輕,符合他們定位,就和中國喜歡紅色,藍色一樣!能看出來他們很多設計都是黃色基礎上去做演變,探索,很有意思。
▲這套是我前面提過的那個PlusX的一套作品,我們可以看出色彩在這里面一致性的很好融合。這是一個金融產(chǎn)品,類似我們國內(nèi)支付寶,作者在設計上很好的將生活里的支付場景運用進去了,吃喝玩樂記得使用L.POINT來支付。
▲色彩的統(tǒng)一性,一致性在這種風格中很重要,一定要保證你的畫面有主色調(diào),畫面協(xié)調(diào)。
特點3:多色彩配色
當然除了單品牌色搭配,也可以使用多色彩,但是要注意,多色彩一定要保證你的畫面有主色調(diào),一般使用比例是70%主色調(diào),20%輔助色,10%輔助色的比例。
▲早期的QQ相冊,當時這套引導頁也很經(jīng)典,很好的通過這些插畫形式將功能融入其中,但是這套設計精彩之處在于色彩沒有使用很濃烈的設計,使用的一套比較低保和度的配色,所以看起來才沒有那么亂。
▲運用多色彩組合時候,一定要注重比例關(guān)系,同時色彩的明度,飽和度上需要干凈,不能臟。
特點4:手繪感
手繪卡通簡筆,當然在手法上需要體現(xiàn)一些輕松活潑的線條,筆觸不能那么僵硬,這是直接決定這一套風格很重要一個點。
▲線條不一定要過于規(guī)律,相反不規(guī)律的線條很能讓人感覺隨意輕松活潑,當然避免生硬的線條。
▲熊筆記的引導頁,我們很明顯看到這種筆觸感,線條由粗到細的這種自然痕跡,讓設計更加柔和親切。
▲這種大場景運用,在halp這個項目中,運用的淋漓盡致
在UI中的運用
▲前面提過Facebook最新版本就是運用這套風格在新版本設計中,整體呈現(xiàn)很年輕活潑。
▲最近關(guān)注比較多的韓國應用,很多都運用這種風格,在圖標,banner,引導頁上,呈現(xiàn)完成的視覺體系。
▲這種風格,需要和整體界面風格,配色融合在一起會更加整體,統(tǒng)一。
▲也可以用局部使用,比如引導頁,空白頁面,提示等等,呈現(xiàn)出手繪風格。
▲LPOINT在引導頁面設計上,也同樣使用這一套的視覺語言
在 圖 標 中 的 運 用
▲手繪簡筆圖標相對于傳統(tǒng)單色圖標,整體活潑性更強,更加容易體現(xiàn)產(chǎn)品性格,但是需要整個APP都是類似風格才會顯得有體感,如果只是局部使用,可能會有些突兀。
▲除了簡單圖標外,還可以一些復雜圖形,比如在九宮格圖標運用上,或者空白頁面,網(wǎng)站上都可以運用此風格。
▲藝術(shù)家BurntToast的一套作品,個人風格分明,色彩明亮,能很好的將這種手繪簡筆運用到各種各樣場景。
在插畫中的運用
▲ 如果看膩了,扁平化純色插畫,我們是否可以去探索一些新的可能呢,比如手繪簡筆插畫,畫大型場景也非常棒。
▲也可以做成系列表情包,本周的分享就到這里,我們下期見。
相關(guān)閱讀
作者:我們的設計日記,微信公眾號:我們的設計日記(ID:helloskys)
本文由 @我們的設計日記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash, 基于CC0協(xié)議
- 目前還沒評論,等你發(fā)揮!