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

非技术型产品经理福音来了,和程序员不再撕逼,10天在线学习,补齐产品经理必备技术知识。了解一下

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

什么是设计手感?

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

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

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

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

什么是卡通简笔风格?

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

▲ 这是一个典型是手绘简笔风格,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的一套作品,个人风格分明,色彩明亮,能很好的将这种手绘简笔运用到各种各样场景。

在插画中的运用

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

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

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

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

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

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

相关阅读

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

 

作者:我们的设计日记,微信公众号:我们的设计日记(ID:helloskys)

本文由 @我们的设计日记 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自Unsplash, 基于CC0协议

给作者打赏,鼓励TA抓紧创作!
评论
欢迎留言讨论~!