手机qq皮肤（这套QQ皮肤）

随着插画进入设计板块里，越来越多的企业和品牌开始采用这种更亲民活泼的元素，也使得用户的体验感大大增加。

(淘宝心选插画帆布包)

而区别于一般的插画师，商业插画师则是更为专业的存在，如果说一般的插画是以个人审美为主，那么商业插画则是为服务商家和大众而存在的，以达到吸引用户、引导转化和促进消费的目的。

(书籍配图的应用)

（手机壁纸的应用）

此外，在商业项目的插画设计上，也有着明显的区别，今天，数艺君就以一个精彩的案例，带大家领略一下它的风采。

手机QQ皮肤设计案例：《萌小兔》

《萌小兔》手机QQ皮肤是笔者2014年在腾讯手机QQ皮肤设计比赛中的获奖作品，从这个作品中我们可以看到插画在手机App皮肤设计中的应用效果。

《萌小兔》效果图

设计分析

在开始设计之前，需要对设计背景和界面进行分析。深入的分析有助于将插画元素与实际应用更准确地结合起来，从而设计出好看又实用的皮肤。

设计背景

由于是参加皮肤设计的比赛，因此需要从比赛要求、目标用户群和设计内容这几大方面展开分析。

腾讯手机QQ皮肤设计大赛的要求：风格不限，在不影响界面信息阅读的情况下自由发挥。手机QQ的多数用户相对年轻化。在了解了设计要求后，接下来要对界面进行分析。

界面分析

这个比赛需要设计的是手机QQ最主要的3个界面，即抽屉页、聊天页和消息页。通过观察可知，需要进行插画设计的地方包括界面内的图标、导航栏、操作栏、对话气泡和页面背景。

手机QQ的抽屉页、聊天页和消息页

图标

需要设计的图标有消息、联系人、动态、设置、搜索、表情和语音等。

导航栏/操作栏

导航栏用于指示当前页面的内容，承载了页面的标题和操作按钮等信息，需要设计的内容包括背景和分割线等。操作栏则是用户操作功能的区域，承载了操作按钮和信息输入框等信息，需要设计的内容同样包括背景和分割线等。

需要设计的图标

需要设计的导航栏/操作栏

对话气泡

对话气泡是信息交流的载体，承载了重要的对话信息。为了不影响其识别性，只需设计对话气泡的边框等内容。

界面背景

界面背景是指各个界面的背景。抽屉页的背景比较空，有大面积的区域，可以进行复杂化的主题设计；聊天页的背景也比较空，但需要通过这里阅读收发的信息，不适合做复杂化的主题设计；消息页是消息列表页，也不适合进行复杂化的主题设计。

分析和确定好需要设计的区域和设计的重点后，接下来就可以开始构思主题了。

提示：设计皮肤的界面时，需要先对界面进行分析，选择合做创意设计的地方。

主题构思与设计

在确定主题前，要先确定主题的风格，然后根据主题的风格设计主形象和辅助元素。完成主形象与辅助元素的设计后，就可以将其直接应用到界面的设计中。

确定主题和风格

由于这次比赛对作品风格没有限制，因此笔者结合自身的喜好将这次设计的风格设定为活泼可爱风。可爱风格的设计受众比较广泛，可接受度高。确定主题的风格后，考虑用可爱的动物来表现本次主题的形象，因此选择将兔子作为主形象，并采用描边、勾线和上色块的方式进行表现。

设计萌小兔的形象

确定使用兔子的形象来表达活泼可爱风格的主题后，接下来需要设计兔子的形象。先提取兔子的真实形象特征，然后进行草图设计，再绘制线稿，最后进行上色，直到完成整个画面。

萌小兔形象设计的过程