手机qq皮肤(这套QQ皮肤)
手机qq皮肤(这套QQ皮肤)
随着插画进入设计板块里,越来越多的企业和品牌开始采用这种更亲民活泼的元素,也使得用户的体验感大大增加。
(淘宝心选插画帆布包)
而区别于一般的插画师,商业插画师则是更为专业的存在,如果说一般的插画是以个人审美为主,那么商业插画则是为服务商家和大众而存在的,以达到吸引用户、引导转化和促进消费的目的。
(书籍配图的应用)
(手机壁纸的应用)
此外,在商业项目的插画设计上,也有着明显的区别,今天,数艺君就以一个精彩的案例,带大家领略一下它的风采。
手机QQ皮肤设计案例:《萌小兔》
《萌小兔》手机QQ皮肤是笔者2014年在腾讯手机QQ皮肤设计比赛中的获奖作品,从这个作品中我们可以看到插画在手机App皮肤设计中的应用效果。
《萌小兔》效果图
设计分析
在开始设计之前,需要对设计背景和界面进行分析。深入的分析有助于将插画元素与实际应用更准确地结合起来,从而设计出好看又实用的皮肤。
设计背景
由于是参加皮肤设计的比赛,因此需要从比赛要求、目标用户群和设计内容这几大方面展开分析。
腾讯手机QQ皮肤设计大赛的要求:风格不限,在不影响界面信息阅读的情况下自由发挥。手机QQ的多数用户相对年轻化。在了解了设计要求后,接下来要对界面进行分析。
界面分析
这个比赛需要设计的是手机QQ最主要的3个界面,即抽屉页、聊天页和消息页。通过观察可知,需要进行插画设计的地方包括界面内的图标、导航栏、操作栏、对话气泡和页面背景。
手机QQ的抽屉页、聊天页和消息页
图标
需要设计的图标有消息、联系人、动态、设置、搜索、表情和语音等。
导航栏/操作栏
导航栏用于指示当前页面的内容,承载了页面的标题和操作按钮等信息,需要设计的内容包括背景和分割线等。操作栏则是用户操作功能的区域,承载了操作按钮和信息输入框等信息,需要设计的内容同样包括背景和分割线等。
需要设计的图标
需要设计的导航栏/操作栏
对话气泡
对话气泡是信息交流的载体,承载了重要的对话信息。为了不影响其识别性,只需设计对话气泡的边框等内容。
界面背景
界面背景是指各个界面的背景。抽屉页的背景比较空,有大面积的区域,可以进行复杂化的主题设计;聊天页的背景也比较空,但需要通过这里阅读收发的信息,不适合做复杂化的主题设计;消息页是消息列表页,也不适合进行复杂化的主题设计。
分析和确定好需要设计的区域和设计的重点后,接下来就可以开始构思主题了。
提示:设计皮肤的界面时,需要先对界面进行分析,选择合做创意设计的地方。
主题构思与设计
在确定主题前,要先确定主题的风格,然后根据主题的风格设计主形象和辅助元素。完成主形象与辅助元素的设计后,就可以将其直接应用到界面的设计中。
确定主题和风格
由于这次比赛对作品风格没有限制,因此笔者结合自身的喜好将这次设计的风格设定为活泼可爱风。可爱风格的设计受众比较广泛,可接受度高。确定主题的风格后,考虑用可爱的动物来表现本次主题的形象,因此选择将兔子作为主形象,并采用描边、勾线和上色块的方式进行表现。
设计萌小兔的形象
确定使用兔子的形象来表达活泼可爱风格的主题后,接下来需要设计兔子的形象。先提取兔子的真实形象特征,然后进行草图设计,再绘制线稿,最后进行上色,直到完成整个画面。
萌小兔形象设计的过程