
文章插图
② 提升游戏分发效率
游戏tab作为游戏分发的主要场景,改版前主要以横向列表容器去承载游戏信息,用户探索新游的效率较低,同时雷同化的结构,容易浏览疲劳 。
针对以上情况,在页面设计上丰富了承载容器的样式,采用高效率的游戏图标排列或者游戏合集卡片,提高了浏览效率,也让用户更容易命中自己钟爱的游戏类型,不同的容器类型组合也让整个浏览更有节奏 , 减少疲劳感 。

文章插图
(3)提升设计效率
游戏中心在以往产品功能的快速迭代中,由于规范和组件的不完善以及和开发同学协作模式的不确定性,让产品界面的实现往往不尽满意,无论是开发效率还是还原程度都受到一定的影响,最终导致用户体验的不完满 , 所以本次的改版,提升设计的效率也是体验提升的重要一环
① 统一设计规范
界面的基础样式和控件,和手Q基本规范保持一致 , 包括颜色、图标风格、基础控件、圆角、栅格等 。同时基于业务的诉求,我们在手Q基础上拉出一条规范支线用于游戏中心的设计——主要在基础色、图标等拓展了更多样式 。

文章插图
② 提升协作效率
以往黑夜模式的适配 , 开发和设计需要同时输出和还原两次设计稿,导致适配成本较高 。在本次改版中,将新风格页面的组件token化 , 搭建起设计和开发之间界面样式的映射关系 , 开发和设计只需还原一次设计稿,即可完成黑夜模式的适配,达到高效设计、快速上线迭代目的 。

文章插图
黑夜模式的上线,也提升了游戏中心的浏览感受,让用户的体验更友好、更亲近用户,回归Q语言亲和自然的设计原则 。

文章插图
2. 打造品牌记忆点(1)打造品牌记忆符号
QQ围绕社交有效性、社交广度与深度、社交动力等维度,打造一个积极向上充满生命力的社交生态体系 。生机的理念承载乐观活力与积极延续,具备有序和精致的特点,也象征万物发展所蕴含的生命力 。——Q语言-设计理念在游戏的世界观中,“能量”经常作为源动力元素以推动游戏进展,QQ游戏中心承接Q语言“生机”的设计理念,提炼衍生“能量”概念,以能量元素将生机理念具像化 , 赋予产品积极快乐充满活力的品牌感知 。

文章插图
在确定能量作为核心关键词后 , 对此发进行情绪版关键词的发散,结合前文提到各方诉求 , 最终把关键词锁定到能量、游戏感、氛围上 。

文章插图
(2)品牌基因拓展
在对关键词的发散阶段,讨论和尝试了多种能将“能量”概念视觉化的元素 , 考虑到UI界面的延展性和可用性,最终把可视化元素锁定在宝石和光上——宝石造型上相对简单,光在动画塑造上能拥有多样丰富的表现形式 。
为契合概念的设定和后续的延展,我们把宝石定义为能量石 。在能量石的设计上,特意营造出能量充盈、光感琉璃的视觉感受,造型上采用多面切割结构,色彩上兼容蓝色和黄色两种色调,以匹配游戏中心的整体界面风格 。

文章插图
除开主体图形,也从其他设计维度去落地能量的设计理念:

文章插图
① 图形
能量之石:除开前面的基础宝石,也设计了多种能量石的造型,并兼容磨砂质感 , 以应对不同场景使用 。

文章插图
在UI界面的运用:
- 在产品的核心界面上,将能量石作为背景图案使用,强化品牌和氛围感;
- 和业务也进行结合——以能量石将商城的幸运值图形化,让品牌和功能直接连接起来;
- 把能量石材质和游戏元素进行结合——王者皮肤墙功能内,将游戏LOGO赋予能量石材质,让游戏和平台品牌之间产生品牌上的关联 。
推荐阅读
- Excel该怎么样才能横向自动求和
- 怎样选择拐杖长度 怎么选择拐杖长度
- 家炖鱼怎么做才能好吃
- 怎么回答how 怎么回答How is it going
- vivo账号登录如何操作,vivo账号不是自己的怎么退出账户
- PPT放映时怎么设置自动播放,ppt怎么设置自动播放的速度
- 怎么关闭qq看点好友点赞
- 新鲜土豆怎么炸薯条
- 小狗总是咬人手怎么办
- 怎么拍田野好看图片 怎么拍田野好看
