芯片|专访莉莉丝《Dislyte》用户体验设计负责人:何谓「潮流」?( 二 )


莉莉丝游戏Dislyte其次Dislyte项目组展现出来的团队协作性以及合作的密切程度 , 都让我印象深刻 。 当然 , 这不仅仅是在Dislyte , 也和莉莉丝本身的价值观和文化有关——简单真诚 。 这样大家做事和沟通都会比较敏捷和高效 , 我认为这也是项目成功离不开的因素之一 。
Dislyte英雄共鸣动效案例
Q:请Kian和我们简单介绍下Dislyte这个游戏的世界观 , 在UI设计上又是如何体现的?
Kian:Dislyte的世界观讲的是神迹降临近未来的世界 , 一部分人类通过接触神性声波觉醒神力 , 他们组成的“联盟\"击退怪物 , 开始夺回原本生活的世界 。 是一款近未来都市奇幻题材IP , 人物造型偏写实比例 , 稍微夸张风格的回合制卡牌游戏 。
和传统卡牌游戏相比 , Dislyte在UI设计上需要符合国际审美的同时做出IP品牌感 。 达成潮流现代的设计感受 , 同时体现游戏世界观特有元素与特征的目标 。
Q:Dislyte的UI设计是否有一套自己的流程 , 是怎样的?
Kian:我们在设计时的创意思路是多变的 , 通过不同渠道的沟通 , 比如设计师与设计师之间 , 设计师与策划 , 设计师与用户 , 类似的想法碰撞往往能产生意想不到的创意 。 但我们也有一套设计思考的指引流程:例如做设计前需要对需求进行分析 , 确认项目真正的需求、明确设计与体验目标等等 。
DislyteUI实机录屏

02 设计关键词&情绪版 Q:Dislyte的设计是如何找到创新突破点的?
Kian:虽然我们团队有一套标准的设计规范 , 但要设计出亮点和创新 , 只有规范是远远不够的 。 单纯依靠规范做出的设计 , 很有可能会趋于同质化 。 结合世界观和游戏目标得出以下设计关键词 , 关键词避免过多 , 尽量聚焦到少于3个 , 且至少有1个是具体的概念 。
Dislyte美术设计关键词
我们还建立了一个“情绪版” , 供团队内部寻找设计方向和灵感使用 , 在“情绪版\"上有各种各样的设计和各种各样的配色方案(这些图片都是经过挑选 , 且符合整体风格基调的) 。 在特别需要去做一些亮点和差异化的时候 , 我们需要跳出框框 , 就需要更多的范例 , “情绪版”就是个很有用的方式 。
通过情绪版把\"极简轻量”、“潮流运动\"、“神性声波\"关键词的抽象化概念传达转换成具象的图形传达 , 避免因文字传达的理解偏差导致设计方向偏差 。
情绪版示例(图片来源网络)

03 配色技巧 Q:为了符合国际审美和做出差异化 , Dislyte的界面设计在配色上有什么讲究吗?
Kian:由于Dislyte整体风格是\"都市、潮流” , 在界面设计中会更加强调整体的运动感以及配色的前卫 。 Dislyte的品牌色确定为紫色+彩虹渐变色 , 作为整体视觉最重要的颜色会应用到各个场景和界面设计中 。
Dislyte的紫色品牌色因为明度的原因并不适合作为引导色使用 , 所以我们将品牌色与引导色区分开 , 这也符合美术调性新潮和个性活泼的特点 。
《Dislyte》品牌色
我们制定色板的逻辑:品牌色、引导色、字色是固定的 , 在其他颜色特别是辅助色中颜色比较多 。 实际是随着游戏系统开发的深入 , 需要设计师主观处理配色以适应不同的氛围与情绪需要 , 而非直接吸色 。 同时我们也会把常用色整合起来方便复用 , 降低配色变化过大带来的风格偏差风险 。 配色规范不能是死的 , 需要有一定的灵活度 , 但也不是放开的需要有搭配逻辑 。
Dislyte色板
Q:Dislyte的整体美术调性是潮流现代的都市感(非赛博朋克) , 需要比较明亮的同时保持高级感 , 如何能让画面比较靓丽的同时避免过于俗气?