2

淘宝人生4周年:「明日之境」从构想到竣工

 1 year ago
source link: https://www.digitaling.com/projects/250907.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

元宇宙营销已经成为当下品牌营销方式中重要的一环,众多品牌一脚迈入了这个比拼想象力的数字空间,以虚拟形象为核心的淘宝人生无疑让这个“真人置身于实体互联网中”的幻想进一步变成现实。淘宝人生在4周年之际,与有门neone共同打造元宇宙互动游戏「明日之境」,更是让这个奇妙的虚拟世界焕发出不同的色彩。

美术风格的诞生:
元宇宙应该是什么颜色?

与其他品牌相似,淘宝人生最初关于这个元宇宙互动世界的构想是以白色为主色调的、具有未来感和科技感的虚拟之城,但是创意团队在参考了大量元宇宙游戏之后,发现这样同质化的美术设计乏善可陈,不能展现淘宝人生如童话般可爱的形象。而以白色为主色调的美术设计更是让这个以社交链接用户的游戏显得冰冷。

“元宇宙应该是什么颜色?”

创意团队大胆提出了与客户的brief相左的构想,这个串联人与人互动交流的虚拟世界不应该只有冰冷的科技感,每一串代码的之间是温暖而又热烈的。基于国外的元宇宙风格,创意团队在客户需要的白色色调之外,在每一个建筑体都加入了丰富的色彩,希望这座「明日之城」更显亲和力,带给用户闲暇游园的悠闲感。多巴胺配色的美术风格最终诞生,也成功说服客户采纳、进入执行。

淘宝人生4周年

巨型蛋糕越做越好看:
淘宝人生4周年全新起航

与现实世界中的建筑设计不同,虚拟世界里的建筑物不需要考虑结构是否合理,因此创意团队以大量前卫的造型作为参考进行「明日之境」巨型蛋糕的设计。同时,团队带着两个主要的问题进行创作:巨型蛋糕该如何既联系众筹玩法又融入场景设计“不违和”?庆生期结束后蛋糕的消失如何才能不显突兀?

最终,创意团队还是以“淘宝人生4周年全新起航”为原点,以形似数字“4”的船帆为灵感来源,将蛋糕元素与元宇宙飞船元素相结合,既点出了淘宝人生4周年的主题,又加入了用户收集航行能量发射飞船的玩法,赋予主体建筑在活动结束之后回归日常期造型的合理性。众筹巨型蛋糕让这个标志性建筑从活动开始到活动结束展现出不同的形态,更好看的同时也更好玩了。

巨型蛋糕美术造型图

淘宝人生4周年:「明日之境」从构想到竣工
淘宝人生4周年:「明日之境」从构想到竣工

在飞船的概念下,用户通过收集不同贡献值的航行能量,丰富巨型蛋糕的外观。作为航行能量收集的来源,落座于四大区域内的品牌互动馆与装置则是创意团队进行玩法与互动构思的重点。四大品牌互动馆、巨型飞天水母、沙滩音乐场、T台秀场、热气球滑索等互动装置将大胆的“脑洞”与不同场景进行结合,各色景观不再只是无聊的点缀,而是能够被进一步探索揭秘的“盲盒”,兼顾趣味性与互动性。

互动装置与玩法部分展示图

淘宝人生4周年:「明日之境」从构想到竣工
淘宝人生4周年:「明日之境」从构想到竣工
淘宝人生4周年:「明日之境」从构想到竣工

元宇宙共创不设限:
用户洞察之下肆意天马行空

在现实世界中越来越多人愿意走入户外,而正是基于这一洞察,创意团队认为可以在元宇宙游戏中加入大自然等户外的元素,让玩家能够在虚拟世界中体验到更加生活化的、自然的场景。于是,山野、热带、沙滩、冰雪在元宇宙地图中拔地而起,四大自然风景区也成为「明日之境」的亮点之一。

「明日之境」景观分区图

淘宝人生4周年:「明日之境」从构想到竣工

同时,团队在创作的过程中始终保持着开放共创的态度,每一个小伙伴都有机会放飞脑洞,加入自己关于元宇宙世界的奇思妙想。例如,在建筑设计中加入如罪恶都市、侠盗猎车的美式嘻哈风格,在沙滩上塑起90年代电视机沙雕的反差元素,或是在雪地中的冰屋中悄悄放入爱斯基摩人的头骨(尽管这一“小彩蛋”最终还是被pass了)……

其次,在整体的岛屿概念之外,为了避免玩家走到大海边缘而陷入《楚门的世界》一般的不真实感,创意团队在岛屿的四个方向建造了通天道、粉色星球、防护网、鲸鱼等互动装置,实现由边缘到中心的创意传送。无边际的地图设计能够激发用户的探索欲,让置身其中的每一位用户在遍地是彩蛋的地图中持续互动、探索,越玩越惊喜。

而元宇宙地图中灵活的交通系统设计也是一大闪光点,一度夺得客户的喜爱。长时间漫步在3D的元宇宙世界中,可能让玩家产生眩晕、无聊的感觉,怎么才能让玩家更节省力气地通行成为创意团队需要解决的问题。最终团队采用“水-陆-空”三种线路贯穿地图,在横向动线设计的基础上增加垂向动线,突破了以往对于地图类探索互动的想象。

「明日之境」动线玩法图

淘宝人生4周年:「明日之境」从构想到竣工
淘宝人生4周年:「明日之境」从构想到竣工

认知的调整与转变:
那些美术创作过程中的挑战

如果说美术场景的设计是审美与感性的交织,那么技术点位的编码标记则包含了更多的理性思考。

与以往追求极致真实性的三维美术设计项目不同,为了让每一位淘宝用户都能够正常加载游戏,「明日之境」元宇宙地图模型总面数要控制在100万面以内。这意味着,团队需要在三维体验设计的逻辑上兼顾模型美感与终端性能,即在有限的面数内尽可能地丰富内容与玩法。好在经历多次论证与实验之后,团队最终也交出了令人满意的答卷。

「明日之境」宣传片

这个关于想象力的比拼终于落下帷幕,对于团队来说,元宇宙本身就是一个很有趣的命题,团队的小伙伴们能够在其中尽情释放各自对于虚拟世界的幻想。

同时,这也是我们突破纯3D设计融入游戏引擎技术的一次尝试,这要求对想象力的把控张弛有度,同时还得逻辑在线。经过两个月的紧张工作,淘宝人生与有门neone一同打造的「明日之境」上线,至此终于可以宣告我们完成了这个了不起的挑战!

得益于过往的布局和积累,有门已经具备从创意策划到技术研发的完整交付能力。大模型、AIGC、区块链等技术的融合,让元宇宙项目更能落地。

早在几年前,有门已经在元宇宙虚拟沉浸式空间领域进行探索和尝试,不仅“造了一座城”(八卦城),也在今年联合麦塔落地了浙江首个文旅元宇宙项目——渔光之城。未来,有门将会继续探索,解锁更多元宇宙的场景、玩法,为品牌营销提供更具想象力的未来。

八卦城草图

1686896562956164.jpg

八卦城gif

loadimg.gif

渔光之城案例展示

1686896770741720.jpeg

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK