文章插图
在确定能量作为核心关键词后，对此发进行情绪版关键词的发散，结合前文提到各方诉求，最终把关键词锁定到能量、游戏感、氛围上 。
文章插图
（2）品牌基因拓展
在对关键词的发散阶段，讨论和尝试了多种能将“能量”概念视觉化的元素，考虑到UI界面的延展性和可用性，最终把可视化元素锁定在宝石和光上——宝石造型上相对简单，光在动画塑造上能拥有多样丰富的表现形式 。
为契合概念的设定和后续的延展，我们把宝石定义为能量石 。在能量石的设计上，特意营造出能量充盈、光感琉璃的视觉感受，造型上采用多面切割结构，色彩上兼容蓝色和黄色两种色调，以匹配游戏中心的整体界面风格 。
文章插图
除开主体图形，也从其他设计维度去落地能量的设计理念：
文章插图
① 图形
能量之石：除开前面的基础宝石，也设计了多种能量石的造型，并兼容磨砂质感，以应对不同场景使用 。
文章插图
在UI界面的运用：
- 在产品的核心界面上，将能量石作为背景图案使用，强化品牌和氛围感；
- 和业务也进行结合——以能量石将商城的幸运值图形化，让品牌和功能直接连接起来；
- 把能量石材质和游戏元素进行结合——王者皮肤墙功能内，将游戏LOGO赋予能量石材质，让游戏和平台品牌之间产生品牌上的关联 。
文章插图
能量之石图形在界面内的运用
与3D图形的结合：宝箱是游戏中心一个重要道具，每日有大量活跃用户来游戏中心做任务开宝箱，开宝箱成为了产品触达用户的高频场景 。因此对宝箱进行了设计，希望在高触发场景加强用户的品牌感知，强化游戏感 。宝箱在造型上采用了和宝石一样的切割造型，同时宝箱上加入了能量石，把3D图形和能量石进行结合 。
文章插图
除开宝箱外，对业务内常用的图标进行了3D化处理 。
文章插图
文章插图
3D图形在界面内的运用
② 动效
在动效的设计上，也承接能量的设计理念，以光为设计灵感，设计了游戏感强烈，电光火石般的的动画效果——能量光，用于界面内UI界面和3D图形动画，强化整个产品的游戏氛围感 。
文章插图
文章插图
动效在界面中的运用
③ 颜色
在界面颜色的使用上，主界面延续手Q的标准蓝色调，包括控件、字色也与手Q统一，保证界面整体色调的延续性 。同时基于业务诉求，拓展了情绪感知更强烈的“游戏橙” 。
对于以内容体验为主的页面——比如游戏中心的首页、游戏发现页、攻略页，使用手Q的标准蓝；在需要强氛围和游戏感的页面——游戏福利页和游戏商城页，采用游戏橙 。
文章插图
④ 质感
推荐阅读
- 双子座男生和白羊座女生做夫妻好不好
- ps钢笔怎么画曲线描边，PS钢笔工具要如何画弧线
- 从哪里可以找到p图的素材 p图的素材哪里找
- ppt模板怎么设置文字环绕图片
- iPhone快捷指令设置
- 喝完酒腿麻怎么回事
- 为什么鸿蒙不显示停车位置
- 宝马的车标代表什么
- 戴口罩如何面容解锁iphone