恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
手机QQ主题皮肤设计经验分享
0.0°
2017-02-23 原创文章 经验/观点 举报 9946 73 152 10

导语

说到手机QQ主题皮肤,相信一直关注EID的亲们已经觉得不陌生了。之前我们分享了手机QQ主题皮肤设计教程以及一些精彩设计案例,而今天,我们不妨继续深入聊聊EID与手机QQ主题皮肤的一些事一些情。

EID与手Q主题皮肤结缘已有三年之久,EID有幸成为了手Q主题的首位服务商,随着时间的发展,如今EID为手Q提供的主题皮肤数已覆盖QQ商城的95%,达到140套之多,其中更不乏许多令人难忘的经典作品。

合作的历史与现状

2013年,手机QQ推出了主题皮肤服务,当时腾讯内部已经已开发了4套主题皮肤。8月,藉由《侏罗纪公园》3D版电影的上映,腾讯开始寻求主题皮肤的设计服务商,EID有幸成称为手Q主题的首位服务商,为其设计《重回侏罗纪》主题皮肤以及其活动网站。

Image title

直到现在,凭着各种好玩的创意、出众的细节、以及设计师们的热情,多次获得客户肯定。EID已经成为手机QQ主题皮肤的核心服务商,占比已达到95%以上,已制作主题多达140多套。另外,EID同时也一直是QQ聊天气泡设计的主要供应商之一。


手Q演变对主题的设计影响

1.从4.x版本的试探到6.x版本的优化

Image title

2.4.x版本——试探

作为手Q主题降临的第一个版本,风格还是基于当时的iOS6风格,整体风格比较偏向立体。栏目感比较明显,列表带有立体感,图标色块化,渐变运用较多。

Image title

3.5.x版本——成形

随着iOS7扁平风格化的普及,5.x版本的手Q改变也比较大,减少了条目感,整体扁平统一,去掉了渐变的使用,图标也改为现状。

Image title

4.6.x版本——优化

到6.x版本,主题皮肤更加注重简化控件,更注重统一性,四栏图标改回用色块突出。我们的设计也更加场景化,注入更多故事性。

Image title

手Q主题皮肤的设计流程

从草稿到套图,每个阶段我们累积已渐渐“发明”了一系列的规范,就像是一套套的工具,提高设计的效率,简化沟通成本,让每一个设计师都能快速上手。这些“发明”还会精彩分享给腾讯,提高双方效率。

Image title

1.草稿

越是基本的问题,越应该先用快的方法去确定,这样能有效减轻减免返工率。所以每设计一个主题时,都会先把大致构思以草稿形式给客户确认,包括图标的造型与状态变化、风格、配色、质感、背景元素、甚至是一个故事。

Image title

根据不同主题类型的性质,去思考如何实现。一般来说,主题分为原创类与客户提供素材,而素材类也因为版权的严格度不一,也分为可改动素材与不可改动两类。

Image title

2.视觉

视觉稿主要为消息页(首页)、聊天页以及抽屉页,需严格按照规范执行。其中消息页最重点的是底栏图标设计,底栏图标设计可以算是一个主题的灵魂所在。设计时需要把握好整体的氛围,并注意保证文字的清晰度。

Image title

经过大量的经验,累积下一些常规的设计方法,做到有计划地去思考,有效提高效率。

Image title

3.切图

切图需要切iOS和Android两个版本,两个版本有所区别。我们分别设立了两份切图规范,并以文字标记输出说明,让新的设计师也能快速上手。因为视觉稿里并不包含所有切图,由部分小图标是在此阶段设计与延伸。

Image title

4.测试

渐渐地,越来越多的设计师有了测试的经验,当发现一些新的问题时,大家会一起在小组上讨论解决方法,以免日后再发生类似的问题。

Image title

5.套图

最后,按套图规范输出预览图与效果图,就可以上架到手Q主题中心。

Image title

创造更多的价值

1.从客户要求 到自荐主题

除了客户提交需求给我们之外,我们还会主动构思一些主题草图给客户,既让客户看到我们的设计热诚,也提高了设计师的积极性,从而创造更多的价值。

Image title

2.配套气泡,卡片,挂件,表情

某些特别优秀的主题,还会得到延伸其他产品的机会。从而挖掘更多的价值。此外,公司还组织一些表情设计比赛,期间出现了不少优秀作品,也得到了采用。

Image title

优秀作品展示

1.黑白小怪兽

Image title

2.天天向上

Image title

3.哥特式爱情

Image title

4.冰源小怪

Image title

5.安魂曲

Image title

6.德古拉伯爵

Image title

7.鸡年大吉

Image title

8.花漾婚期

Image title

关于EID与手机QQ主题皮肤的一些设计经验,今天我们就先聊到这里,期待下次与大家分享更多EID的设计经验。欢迎关注我们的微信公众号:EID_center

更新:2017-02-23

收藏

73人已收藏

EID_UX_DESIGN

提供优质用户体验与品牌设计服务 微信号:EID_center

  • 42

    作品

  • 828

    粉丝

  • 0

    关注

  • 智能手机ROM设计中趋势分析及概念创新
  • 活动回顾|“GLSI品牌终端本土化设计”工作坊
  • 现代汽车第二代仪表盘标准量产设计
  • 慧动未来官网设计| 突破传统行业
相关标签

    猜你喜欢

      2017-02-23 原创文章 经验/观点 举报 9946 73 152 10

      手机QQ主题皮肤设计经验分享

      0.0°

      你确定要举报手机QQ主题皮肤设计经验分享

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年02月23日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      152
      73
      10

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录