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

什 么 是 设 计 手 感  ？   

上次和大家分享了点线底纹风格，今天和大家带来一个新的手绘描边手法的解析，在分享之前先和大家聊下，什么是设计手感？如果喜欢运动的朋友可能知道，比如篮球，你想进攻篮筐的时候，你是选择后撤投篮，还是扣篮，还是传球，你的每一个机会点的选择都直接决定比赛的结果。

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

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

什 么 是 卡 通 简 笔 风 格 ？   

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

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

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

卡 通 简 笔 的 特 点   

特点1：故事性

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

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

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

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

特点2：单色配色

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

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

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

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

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

特点3：多色彩配色

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

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

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

特点4：手绘感

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

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

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

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

在 U I 中 的 运 用   

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

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

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

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

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

在 图 标 中 的 运 用   

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

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

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

在 插 画 中 的 运 用   

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

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

相关阅读：

跳槽进大厂，这些设计技法必须会 | 技法系列第一弹-纹理风格

作者：sky，支付宝设计专家 ，公众号：我们的设计日记（ID：helloskys），设计交流请添加微信：helloskys000

本文由 @sky原创发布于站酷。未经许可，禁止转载。