项目案例 | 京东JDC 复盘春节红包卡牌视觉设计

三分设

共 1367字,需浏览 3分钟

 ·

2021-05-14 09:43

点击"三分设"关注,回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设|连接知识,帮助全球 1 亿设计师成长

转自:京东设计中心 JDC

编辑:章成愉

共 1438 字,预计阅读 4 分钟



一、项目背景


春节红包项目的主题为“压岁钱”,集卡合并获得红包奖励为核心玩法。具体形式为用户通过邀请好友助力/赠送等方式获得卡片,相同卡片二合一后得现金红包。


设计思路

卡牌是非常普及度非常高的一种游戏玩法,那么如何在传承中国年的传统元素框架内,通过设计给用户带来视觉新鲜感,是此次设计中的主要难点。我们的解决思路分为以下三个方面:

  • 卡牌系列感构建:风格形式统一,将 JOY 家族的公仔作为线索,贯穿每个内容场景

  • 设计风格:统一采用时下流行的国潮风格

  • 表现形式:打破常见的平面式卡牌,通过 C4D 建模,采用立体卡牌形式表现新年符号



二、设计内容


1.牌面设计

设计上借用中式园林中“框景”的手法为灵感,及花窗中典型装饰元素;并结合卡牌特点中的边框形式感,总体呈现国风元素的同时,也承载新年美好寓意。


2.内容设计

根据游戏玩法卡片设置一共包括 6 种款式,每个主题如下

  • 普通卡片:一帆风顺,二龙腾飞,三羊开泰,五福临门,六六大顺

  • 特殊卡片:百元卡


卡牌设计除了呈现祝福成语的主题内容,融合京东 IP 展现,还需要兼顾品牌曝光商业植入的需求。为打造卡牌的系列感,我们的策略是:将每个祝福语以故事化方式呈现,JOY 家族中的角色各自承担一个故事场景的主角,串联全部场景;商业曝光内容融入场景;画面构成元素统一化,规范化,且视觉表现的光影效果材质质感保持连贯。


3.商业化

  • 卡牌模板输出:为方便协同作业,需规定出可替换区域的位置、大小。

  • 商品植入:对于 logo 展示和商品植入,在场景设计之前规划出大小与位置合理的区域,进行了切合春节氛围的针对性视觉设计。尤其商品植入的部分,为不同卡牌的画面,设定了不同贴合主题的道具来承载对应商品。最大程度地规避了生硬植入对于画面效果的影响,保证了植入的合理性。


以上是年货节春节红包互动中卡牌部分的视觉设计总结,欢迎大家交流讨论~




超值课程推荐
华为用户体验设计的体系搭建方法
超 10 亿用户的产品,到底是怎么做用户体验的?
揭秘滴滴、蔚来等大厂的用户体验设计策略

原创好文推荐
一款为你带来难忘体验的美食 APP
Web Vitals —— 谷歌的新一代 Web 性能体验和质量指标
2021 年用户体验设计趋势分析
想要引导用户行为转化,设计师必须深刻理解这 4 个认知心理学理论
让设计圈一片哗然的 Google 新 logo 到底出了什么问题?国外的设计专家这么说
如何系统的增强用户粘性,提升产品转化率?你要懂得“行为设计学”
设计新趋势「玻璃拟态」到底是什么?这里有一份实现效果的详细教程
如何将设计系统快速的从 Sketch 切换到 Figma?这里有 6 个需要注意的关键点



欢迎大家关注三分设,每天分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。
浏览 23
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报