灵魂光子《黎明觉醒》UI负责人:如何做出「有灵魂」的设计?( 五 )



灵魂光子《黎明觉醒》UI负责人:如何做出「有灵魂」的设计?
文章图片

05
具体案例讲解:
如何寻找设计灵感
说完了四大原则和五大模块 , 我再用一些案例 , 给大家讲一下实际操作中如何寻找设计灵感 。
【灵魂光子《黎明觉醒》UI负责人:如何做出「有灵魂」的设计?】我们来看第一个案例 , 这是我当时在《全民超神》的图标需求 , 叫“万魔峡谷” , 早期的时候 , 我们会对它进行关键词提取并罗列出来 , 例如颜色、死亡、恶魔、邪恶等元素 , 然后继续发散更具体的关键词 。

灵魂光子《黎明觉醒》UI负责人:如何做出「有灵魂」的设计?
文章图片

当把关键词发展得差不多时 , 就可以找一些东西来辅助你完成作品的初稿 , 比如说找一些包含羊头、蝙蝠、铁链等元素的参考图 。

灵魂光子《黎明觉醒》UI负责人:如何做出「有灵魂」的设计?
文章图片

用最快的素描方法将他们结合起来形成草图 , 之后可以去找我们的上游 , 询问这样的草图形式是否符合需求 , 如果确认的话就可以继续往下走 。

灵魂光子《黎明觉醒》UI负责人:如何做出「有灵魂」的设计?
文章图片

确认草图后 , 我们需要按照上述讲的五大模块进行精修 , 比如他的轮廓还是比较潦草的 , 体积感也不突出 , 材质上也需要进一步表达 。

灵魂光子《黎明觉醒》UI负责人:如何做出「有灵魂」的设计?
文章图片

我们看一下最终成品 , 它上面还打了光影 , 把图标的骨头、金属等组件融为一体 , 布料前后的材质也做了区分 , 来丰富图标的不同质感的细节 。

灵魂光子《黎明觉醒》UI负责人:如何做出「有灵魂」的设计?
文章图片

第二个案例 , 是《全民超神国际版》的三个图标 , 他的设计流程和原则跟国内版一样 , 不过国际版会更多追求全球化 , 走比较精美的路线 , 图标的材质也非常细腻 , 就像3D的 , 但其实这些都是手绘完成的 。

灵魂光子《黎明觉醒》UI负责人:如何做出「有灵魂」的设计?
文章图片

上面是图标的案例 , 我们现在来讲界面设计 , 因为一个图标不能带来情景化的感受 。

灵魂光子《黎明觉醒》UI负责人:如何做出「有灵魂」的设计?
文章图片

上图的胜利界面设计中 , 左边的小图是交互稿 , 右边则是第一版设计的视觉稿 , 虽然视觉稿非常完美地将交互的功能阐述出来了 , 但我觉得比较普通 , 因为很多游戏的胜利界面都可以这么做 。
那么我们按照上述联想的方法 , 关于“胜利” , 我们很容易联想到凯旋、号角、高头大马、荣誉等关键词 , 然后参照着现实生活中胜利归来的场景 。

灵魂光子《黎明觉醒》UI负责人:如何做出「有灵魂」的设计?
文章图片

此外 , 我还会分析设计元素的背景故事 , 做一些跟故事和IP关联的设计方法 。 上图的游戏是《我的王朝》 , 是一款中世纪题材SLG , 因此我们在联想时也要结合游戏背景和题材 。

灵魂光子《黎明觉醒》UI负责人:如何做出「有灵魂」的设计?
文章图片

我们看下面的成品图 。 首先右侧的信息必须保留 , 左侧就可以有一些设计 , 我当时想的便是这种“国王骑着高头大马 , 指着剑胜利凯旋”的视觉体验;右侧的“胜利”两字旁边也设计了长号、月桂、雄狮之类的元素装饰 , 在西方 , 雄狮一般都是皇族的象征 , 我们便将其和其他代表胜利的元素相结合 。


以上关于本文的内容,仅作参考!温馨提示:如遇专业性较强的问题(如:疾病、健康、理财等),还请咨询专业人士给予相关指导!

「辽宁龙网」www.liaoninglong.com小编还为您精选了以下内容,希望对您有所帮助: