出门在外，“狗头”防身，

新浪微博的“狗头”表情包，

一直被大家所喜爱，

而微信能否新增这个表情，

也一直备受期待！

可就在昨日，

微信圆了大家的这个梦想！

悄悄咪咪地上新了

10款新emoji表情！

而这其中，

就有大家期待的“狗子”表情！

详细的十款表情分别是：

[吃瓜]

[加油]

[汗]

[天啊]

[Emm]

[社会社会]

[旺柴]

[好的]

[打脸]

[哇]

这波有趣的表情包一出来，

马上就刷爆了朋友圈，

而部分朋友反应自己更新微信之后，

也没有表情包的影子，

不用急，数艺君亲测只需等待，

就会自动出现在表情栏！

那么，为什么这些表情包会这么火呢？

数艺君认为除了微信本身庞大的用户量，

以及近几年表情包斗图等构图方式的兴起，

表情包本身带来的趣味性，

也占据着至关重要的因素。

卡通风格的设计，

让表情包更加生动可爱，

暖心、降压、搞笑，

表情包的作用可谓宽广，

让人不自觉之间被俘虏。

而在其他的领域，

这种卡通风格的设计也逐渐流行，

在启动页、引导页、状态页面、

官方网站、产品网站等均有出现。

卡通风格的设计关键在于

色彩的把控以及造型的控制。

卡通风格的特点在于平易近人，具有活力，不死板。采用卡通风格可以让设计看起来更有趣味性，对于面向年轻用户的产品来说，这种设计更符合用户的喜好。

以前流行的“大气风格”已经不太适合当下年轻用户的口味了。当然，设计风格是随着时间的推移不断变化的，今年流行的风格可能明年就被嫌弃了。因此，了解各种风格的设计思路和技法，才是设计师最该做的。

尤其是网页设计，网页设计分为互动设计师设计（追求视觉和技术为主）它也是UI设计中的一部分（WUI即是：Web UI designer），目前绝大部分网站都会使用色彩鲜明的风格，这样也是为了让产品增加和用户的亲密度。

在网页和App界面中，128像素单位被广泛用于制作首页主导航工具。在这样的像素单位内进行设计，可以创造更多的惊喜。

但是，在卡通风格的设计当中，也要注意其色彩的的搭配，具体注意事项如下：

错误配色：

1.色彩饱和度过高。

2.没有圆角作为点缀，看起来尖锐。

3.卡通风格不需要虚化的投影。

正确配色：

1.色彩柔和。

2.有圆角和条纹作为点缀。

3.去掉了不必要的投影、发光等点缀。

卡通风格的配色知识清楚了，那伙伴们想知道怎么去设计一个卡通风格的作品吗，老规矩，一个案例送上。

128x128 尺寸卡通笔记本操作实例

01 新建文档。打开Photoshop软件，新建“卡通笔记本”文档，设置“宽度”为128像素，“高度”为128像素，“分辨率”为300，再单击“确定”按钮。

02 创建标尺。新建一个图层，然后使用“选框工具”沿着画布左侧边缘绘制一个矩形框，大小为16像素×128像素，并随意填充一种颜色（这里填充黑色），取消选择后将矩形复制一份，水平拖曳到画布右侧。

03 选中步骤02创建的两个图层，按快捷键Ctrl+E合并为一个图层，并命名为“间距”，然后按快捷键Ctrl+G将合并后的图层编组，再修改组名称为“标尺”。

04 按快捷键Ctrl+R打开标尺，然后在黑色矩形边缘创建两条垂直的参考线，再隐藏“标尺”组。

05 绘制封面。使用“圆角矩形工具”在画布中创建一个圆角矩形，大小为88像素×128像素，然后按快捷键Ctrl+A全选画布，接着选择“移动工具”，再单击属性栏中的“水平居中对齐”按钮和“垂直居中对齐”按钮，将圆角矩形调整到画布中间。

06 在“属性”面板中设置矩形的“填充”颜色为（R:207，G:81，B:99），然后单击“将角半径值链接到一起”按钮，取消链接，接着设置“左上角半径”和“左下角半径”为0像素，“右上角半径”和“右下角半径”为4像素。

07 使用“路径选择工具”选中圆角矩形，然后在属性栏设置“描边 ” 颜色为（R:84，G:47，B:52），“宽度”为4像素，“对齐”为“外部”，接着修改该图层名称为“封面”。

08 绘制封面纹理。使用“矩形工具”在页面中绘制矩形条，大小为4像素×120像素，颜色为（R:84，G:47，B:52），然后水平复制多份，每份间隔为4像素。

09 选中步骤08创建的图层，并将其命名为“封面纹理”，然后按快捷键Alt+Ctrl+G将其创建为“封面”图层的剪贴蒙版，接着调整图层的“不透明度”为10%。

10 绘制封签。使用“矩形工具”在页面中绘制矩形，大小为44像素×20像素，颜色为（R:222，G:211，B:212）， 然后移动矩形，使其距红色矩形的右边缘14像素、上边缘24像素。

11 使用与步骤07相同的方法为矩形描边，颜色为（R:84，G:47，B:52），“宽度”为4像素，“对齐”为“外部”，然后修改该图层名称为“封签”。

12 绘制文字。使用“矩形工具”在画布中绘制矩形条，大小为34像素×4像素，颜色为（R:188，G:171，B:173）。

13 使用“路径选择工具”选中绘制的矩形条，然后按住快捷键Alt+Shift水平向下拖曳复制两份，拖曳距离为4像素，接着分别调整大小为6像素×4像素和20像素×4像素，再修改该图层名称为“文字”，最后按快捷键Alt+Ctrl+G将其创建为“封签”图层的剪贴蒙版。

14 绘制书脊。使用“矩形工具”在画布中绘制矩形，大小为12像素×120像素，颜色为（R:124，G:88，B:93）。

15 使用与步骤07相同的方法为矩形描边，颜色为（R:84，G:47，B:52），“宽度”为4像素，“对齐”为“外部”，然后修改该图层名称为“书脊”。

16 绘制书脊纹理。使用“矩形工具”在书脊上绘制矩形，大小为8像素×20像素，颜色为（R:84，G:47，B:52），然后按住Alt键垂直向下拖曳复制两份，每份间距为4像素，再选中这些矩形按快捷键Ctrl+E将其合并，最后修改图层名称为“书脊纹理”。

17 绘制“封包”。使用“矩形工具”在页面中绘制矩形，然后在“属性”面板中设置大小为32像素×32像素，“填充颜色”为（R:124，G:88，B:93），“描边颜色”为（R:84，G:47，B:52），“描边宽度”为4像素，“对齐”为“外部”，“左上角半径”和“左下角半径”为4像素，“右上角半径”和“右下角半径”为1像素。

18 绘制“装订线”。将步骤17绘制完成的“封包”复制一份，并调整好大小和位置，然后在“属性”面板中设置描边宽度为1像素，接着单击“设置描边类型”按钮，在打开的“描边选项”对话框中勾选“虚线”选项，设置“虚线”为0，“间隙”为2。

19 修改复制图层的名称为“装订线”，然后按快捷键Alt+Ctrl+G将其创建为“封包”图层的剪贴蒙版。

20 绘制“圆扣”。使用“椭圆形工具”在距离左边装订线2像素的位置绘制圆形，大小为8像素×8像素，颜色为（R:222，G:211，B:212），然后修改图层的名称为“圆扣”，接着选中该图层和“封包”图层，单击属性栏中的“垂直居中对齐”按钮，使“圆扣”位于“封包”的垂直居中位置。