相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

从零到壹 | 打造全新的游戏次元空间

心蓝发布于:2019-9-24 08:32 |原作者: 腾讯ISUX|
心蓝
上海市 徐汇区 设计爱好者
发私信 + 关注
简介: 对于设计改版大家并不陌生,每个项目的改版中都会有不同的方法或者流程,本文重点在于分析我们在"手机QQ游戏中心"改版中使用到的流程或者设计方法,并且通过本文总结出一些经验、方法或内容,希望可以在后续其他的项目设计中得以应用。 ... ... ...


2.风格一致性优化,从两个方面考虑图标的一致性问题:(1)图形统一:游戏中心整体的图形风格都是以线面为主,但初稿的风格主要使用了面形设计,在整体风格的吻合度上也值得优化。(2)颜色降噪:多彩的图标单独来说具有不错的视觉表现,但整体上缺乏关联性,且作为 "基础图标" 以及从 "品牌性" "一致性"方面考虑 也存在着挑战,对于品牌色的透出不够完善,因此需要进行整体的 "颜色降噪",增强品牌色调的感知。

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论

颜色运用

颜色作为另外一个维度的视觉感知,相比于图形更能提升用户对于品牌的感受。合理明确的品牌色调可以帮助用户加深对于产品的认知。

色调延续

主色调的设计主要考虑两个方面:1.游戏中心本身存在于手机QQ,用户对于手机QQ具有强烈的品牌色调感知,因此对于游戏中心本身,希望可以起到一个延伸和承接;2.基于次元空间-科技感本身的颜色的感知,然后再拓展应用。最终确定游戏中心的主色调为蓝色调,并且使用大跨度的渐变效果,让颜色更具有炫光的感觉。

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论

颜色拓展及分类

手机QQ游戏中心作为一个多元化的游戏平台,很难使用单一的颜色来表达完整的内容层次。因此基于不同的颜色性格,以蓝色为主调,拓展出 "红黄绿"三种颜色作为辅助使用的颜色,用来表达不同的内容感知。依据功能调性、冷暖、以及用户的常规普识性感知,结合以上四种色调的调性划分,对不同类型的功能进行赋予不同的点缀色彩。

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论

形式结构

一套完整的UI界面都需有一个具体的形式感知,并且可以通过形式的设计给用户传达具体的视觉设计模式。

在用户调研的时候,我们获得一个比较关键的信息:目前的信息流阅读较为混乱,找不到想要的内容。因此在新版的设计时,我们需要深入打造两个关键点:1.优化内容的形体感知,提升用户对于游戏中心的视觉记忆点;2.优化内容模块化设计,提升不同内容的归属感。

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论

形体感知

基于内容,设计统一的形体感知,提升用户的视觉记忆点。1.从内容呈现角度考虑,卡片式的设计更有利于差异性较大的内容的独立呈现;2.基于设计形式,卡片式的设计更有利于内容与背景的空间、层次表现。最终选择了卡片式的设计方式。

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论

加强形式感

在部分页面的首个卡片使用异形的设计,增强页面的形式感,提升界面设计的表现层次。并且延续到对话框、上滑浮层等模块的设计,增强多方位的透出。

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论

内容差异化的视觉表现

游戏中心首页整体会承载三种类型的大卡片,分别是:最近在玩、新游单款推荐、新游榜单推荐。主要设计目标:1.让用户感知到三块内容的差异化,2.打造视觉的差异化让用户在长内容滑动的是不会感觉过于单调。"最近在玩"模块的设计上更多的是考虑用户的代入感,在视觉表现上融入游戏的IP及游戏相关的背景;新游推荐主要以内容展现为主,因此整体设计偏向简洁的白色卡片+一点异形装饰;新游榜单主要体现榜单的序列感,在配色上制定三个维度"金银铜、热到冷、深到浅"来表现。

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论

内容归属感

内容归属感提升能够帮助用户快速的筛选并获取关键信息。除了交互逻辑上的内容归类之外还需要处理好内容与内容之间的划分、区隔,通过视觉化的处理手法(排版),让内容的分配更加合理。

20

好评
15

差评

刚表态过的朋友 (35 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

心蓝
上海市 徐汇区 设计爱好者
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计