互联网 频道

揭秘腾讯:触动未来的QQ概念版设计

  C.视觉风格设定

  在完成主要功能的定位和交互设计之后,开始视觉风格上的设计以及创新,在界面风格设定的时候,尽量去思考拟人以及拟物的场景运用,结合了Blend平台优秀的动画展示及交互能力,在视觉上融入交互体验和创新的元素,让概念设计以及脑暴的创意点得到充分的发挥,早期的视觉风格对整个版本定下了基本格调,这里推荐一款软件:Expression Design,这款软件绘制出的效果都是矢量图,并且可以直接运用到原型系统开发,她所绘制的矢量图将做为元素来使用,可以缩减很多不必要的设计流程,给大家展示下我们最早的概念风格稿,在这其中我们能看到QQ概念版的雏形。


视觉风格

  事实上视觉上的创新对用户的冲击力是非常大的,在设计过程中,我们也秉承“生命力、空间感、时间感”这几个关键词进行创新设计,例如:

  1.全新的登录面板在面板上对动态的节日展示,提供了空间和时间上的切换,在设计之初我们规划了每天的多时段的实时天气展示提供了空间和时间上的切换,这个后续版本可以敬请期待,这样就为用户从时间上感受到QQ概念版的魅力。


QQ概念版登录界面

  2.圆盘式的表情管理界面,通过颜色的视觉感应,激起用户对表情品牌的识别,也更加方便触摸操作,在底部灰色模块区域,用户近期使用的表情会自动保存,方便用户使用。当然这里空间的分配以及面板的扩展性的设计也是我们下一阶段会去完善的,包括QQ概念版独有的QQ动态表情也会在下一版本做一个统一规划。


表情

  3.桌面好友的拖曳拉出表现,对于男女的表现区分以及会员特性的表现和动态圆盘菜单的展示都体现了视觉创新对用户带来的愉悦以及尊贵感,最早桌面小人如何让用户感受到好友的气息,但又能形成统一的品牌特色,在视觉风格之处也尝试了很多的方案,最终我们以桌面小人为原型展开一系列的创新设计,我们在创新规划的过程中也考虑了如何与桌面好友互动,目前好友在听音乐,小人头像就会头戴耳机晃动,有动听悦耳的音符飘出,你可以快速跟好友快聊等等,后期我们会做更多对与好友互动的沟通方式的尝试,包括游戏状态以及一些更深入的好友动态信息的挖掘。


好友管理

  4.好友管理是这次创新过程中用户界面革新变化最大的一个界面,在这里可视化的好友管理,以及便于触摸的操作体验得到了很好的融合。为了让用户有更好的沉浸感,我们用了桌面以及卡片等真实的拟物化场景设计来让用户沉浸在这个控件中。但由于开发时间尚短,好友管理功能不是很完善,我们将使她更加完善。在后续的版本中,更多的去挖掘用户的关系链以及如何去呈现她,通过更加可视的方式进行展示好友的沟通方式会是我们需要去推敲和发展的,好友管理将会更加便捷,敬请期待!


随意放置的好友

  ……

  动态背景,动态的图标展示以及动感相框,用户可以自定义去切换自己喜欢的皮肤风格,设计初衷也是希望让用户感受到我们的界面是有生命力的,很多的创新设计,其实在视觉上融合交互会有更多的创新以及更有趣的设计,后续我们将不断去寻找切入点,对界面注入情感,使之更加富有生命力。


多种皮肤风格

0
相关文章