快好知 kuaihz

跳槽进大厂,这些设计技法必须会:系列第二弹-卡通简笔风格

作为一个设计师,掌握各种各样的设计风格和手法是非常必要的,针对不同的设计需求进行匹配设计

什么是设计手感?

之前和大家分享了点线底纹风格,今天和大家带来一个新的手绘描边手法的解析,在分享之前先和大家聊下,什么是设计手感?

如果喜欢运动的朋友可能知道,比如篮球,你想进攻篮筐的时候,你是选择后撤投篮,还是扣篮,还是传球,你的每一个机会点的选择都直接决定比赛的结果。

再和大家举个更好理解的例子,拳击手在比赛时,什么时候用勾拳,什么时候用前直拳,什么时候后直拳,什么时候前摆拳都是需要很有节奏,根据对手情况去出击。

最近我也在一直反思自己,设计手感,在我们拿到一个项目时候,该用什么样风格,什么样质感,什么样板式,和打拳打球一样,需要把握好手感,力道,否则一个简单的项目,你直接一个重勾拳过去,不会获得想要结果,会导致用力过度,所以作为一个好的设计师,需要掌握各种各样风格和手法,但是什么时候出手什么招,这个是需要把握好火候!

什么是卡通简笔风格?

▲ 这是一个典型是手绘简笔风格,Dropbox非常有特点切且经典的一套设计,整体风格呈现是手绘线条配以低饱和度的颜色,非常有趣味性和故事性在里面。

▲今年Facebook更新了最新版本,其中变化最大的就是图形图标上面,旧的图标采用中规中矩的填充型面形图标,新版本呈现出更加年轻,卡通,活力的设计,图标的每个配色以及造型都相对早期的风格有一个很强的变化。

▲这是获得IF和红点双料大奖的L.POINT的界面设计,同样来自韩国设计团队Plusx,除了使用大量可视化的元素,整体的设计风格也是运用这种卡通简笔风格在设计,趣味的设计让一个冰冷工具没有那么冰冷,卡通手绘风格不仅适用于社交,工具,只要运用得当能让你的设计迅速区别于同类型产品。

卡通简笔的特点

特点1:故事性

既然是卡通简笔风格,那么你的画面风格一定要趣,不能呆板单调,有一定故事性在里面,Dropbox设计团队卡通设计,我们可以看出这套人物设计中,包含了团队各个角色工种,每个人物赋予他人物本身特点,同时每个人脸上也不是不一样的表情。

▲这是Dropbox的一套从个人账户迁移资料到企业账户的引导页面设计,作者将整个转移的过程设计得可爱有趣,像带着全家一起去旅行,小狗,螃蟹,冲浪板这些生活中元素都巧妙融合到设计中!

▲登录页面插图设计,同样的这些插画将很工具化的语言,比如高效工作,无缝连接,减少工作错误很枯燥的引导语,通过工作中有趣味场景很好转化成手绘插画让用户更好理解。

▲这是一组早上起床做哪几件事情能提升你工作效率的插画,起床看文章,把自己打扮美美的,吃早餐,锻炼身体等等!作者通过这种生活里场景细腻观察,趣味的表达,让设计更加生动,所以卡通简笔风格在设计创意上,一定是需要有故事性,巧妙的能将生活里场景很好的通过图形化传递给用户。

特点2:单色配色

卡通简笔风格,很大一个特点就是配色简单,一般常用一色彩足够,可以选择品牌色或者一个辅助色!切忌色彩过多,色彩过多如果掌握不好会很花。

▲韩国社交软件Kakao,整体品牌色是黄色,在它整个设计中,除了插画人物的角色设计,在色彩上也是沿用品牌色+趣味生活场景结合,整体的品牌意识很强,人物刻画简洁有趣。

在为这篇文章做资料收集时候,我发现韩国设计师特别喜欢手绘简笔发个运用黄色,可能韩国互联网用户普遍更加娱乐化一些,黄色更加年轻,符合他们定位,就和中国喜欢红色,蓝色一样!能看出来他们很多设计都是黄色基础上去做演变,探索,很有意思。

▲这套是我前面提过的那个PlusX的一套作品,我们可以看出色彩在这里面一致性的很好融合。这是一个金融产品,类似我们国内支付宝,作者在设计上很好的将生活里的支付场景运用进去了,吃喝玩乐记得使用L.POINT来支付。

▲色彩的统一性,一致性在这种风格中很重要,一定要保证你的画面有主色调,画面协调。

特点3:多色彩配色

当然除了单品牌色搭配,也可以使用多色彩,但是要注意,多色彩一定要保证你的画面有主色调,一般使用比例是70%主色调,20%辅助色,10%辅助色的比例。

▲早期的QQ相册,当时这套引导页也很经典,很好的通过这些插画形式将功能融入其中,但是这套设计精彩之处在于色彩没有使用很浓烈的设计,使用的一套比较低保和度的配色,所以看起来才没有那么乱。

▲运用多色彩组合时候,一定要注重比例关系,同时色彩的明度,饱和度上需要干净,不能脏。

特点4:手绘感

手绘卡通简笔,当然在手法上需要体现一些轻松活泼的线条,笔触不能那么僵硬,这是直接决定这一套风格很重要一个点。

▲线条不一定要过于规律,相反不规律的线条很能让人感觉随意轻松活泼,当然避免生硬的线条。

▲熊笔记的引导页,我们很明显看到这种笔触感,线条由粗到细的这种自然痕迹,让设计更加柔和亲切。

▲这种大场景运用,在halp这个项目中,运用的淋漓尽致

在UI中的运用

▲前面提过Facebook最新版本就是运用这套风格在新版本设计中,整体呈现很年轻活泼。

▲最近关注比较多的韩国应用,很多都运用这种风格,在图标,banner,引导页上,呈现完成的视觉体系。

▲这种风格,需要和整体界面风格,配色融合在一起会更加整体,统一。

▲也可以用局部使用,比如引导页,空白页面,提示等等,呈现出手绘风格。

▲LPOINT在引导页面设计上,也同样使用这一套的视觉语言

在 图 标 中 的 运 用

▲手绘简笔图标相对于传统单色图标,整体活泼性更强,更加容易体现产品性格,但是需要整个APP都是类似风格才会显得有体感,如果只是局部使用,可能会有些突兀。

▲除了简单图标外,还可以一些复杂图形,比如在九宫格图标运用上,或者空白页面,网站上都可以运用此风格。

▲艺术家BurntToast的一套作品,个人风格分明,色彩明亮,能很好的将这种手绘简笔运用到各种各样场景。

在插画中的运用

▲ 如果看腻了,扁平化纯色插画,我们是否可以去探索一些新的可能呢,比如手绘简笔插画,画大型场景也非常棒。

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

相关阅读

跳槽进大厂,这些设计技法必须会(系列一)

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:大厂  大厂词条  简笔  简笔词条  技法  技法词条  跳槽  跳槽词条  这些  这些词条  
设计

 Google Reader、有道...

QQ邮箱的“阅读空间”正式回归,这真是一个好消息(QQ邮箱恢复阅读空间RSS订阅功能)。在失去它的这十来天里,不得不将订阅源分别转移到有道阅读和Google R...(展开)

设计

 如何优化数据表格设计

金融产品中的表格真不少,来看看设计时需要注意的细节吧!令人不爽的表格。他的问题究竟出自哪里?在互联网早期时代,表格是基本构成元素之一,后来被设计师用更新更符合潮...(展开)

设计

 1.5万字,全方位讲解如何提升移...

导读:用户很可能在填写表单时会犹豫不决。其实,这也是我们作为设计师为什么要让用户填写表单的过程尽可能简单容易的主要原因和目的。Nick为我们分享了一些可以真正帮...(展开)