选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

阅文 | 谈谈徽章设计那些事

本文复盘阅文海外网文平台 WebNovel 的徽章体系设计历程,通过设计与内容强相关、艺术化、体系化的徽章,承载用户对网文及平台的热情。

网文出海有着巨大的商业及文化价值。阅文旗下 WebNovel 作为其中的领军平台,我们出海的不仅仅是优质的文字内容, 还有蓬勃的网文文化。除了优秀的内容和体验是一个产品的刚性需求,情感需求也是必不可少的部分。我们希望通过「做一个有意义的徽章」来承载用户对网文和平台的热情与喜爱。

首先,徽章本身是一个广泛被接受的移动产品周边方案,具有很高的收藏性和荣誉感。结合对欧美及东南亚的旅游文化周边的调研分析,我们发现:不同于国内市场,这些地区的游客基于西方传统文化的熏陶,对徽章有更强的价值认同和收集欲。

从等级激励中尝试加入徽章奖励,再到作为营销活动纪念周边和优秀作品周边奖励,我们不断的探索也获得了各方的肯定。

在不断的优化中,我们明确了平台徽章设计的目标:物有所值。

符合美学思考是第一步,是设计团队的基本盘,必须保证我们的出品是值得用户去为热情买单的;其次期望用户能因为我们的徽章收获喜悦甚至能与三五好友炫耀一番,带动更多人来体验WebNovel、体验网文的乐趣,在阅读后收到一份徽章的肯定,亦或是因为徽章去多读一部作品,共同成长。

价值目标确定的同时,也孕育了一套WebNovel独特的徽章设计规范:

在简洁有力的Art Deco风格中融入Gothic Church的绘画及配色方式,利用简单的几何线条进行堆叠或排列,辅以哥特教堂花窗玻璃鲜明的色块拼接风格,勾勒出热土黄金时代的风貌,营造经典的艺术感。

同时为了保持徽章的多样性及品牌认同感,我们做了一些设计执行中的限制及建议:

徽章设计中,如何提炼关键元素是设计的重要难点,我们总结了四个关键锚点:

 

 

首先要保证徽章设计与故事/项目的关联性,且具有明确的具象化表现:第一是让用户看见徽章能知道它从何而来并愿意去收藏它;其次,在有限空间内快速让用户获取视觉内容关键词;最后再搭配简单的辅助装饰。以上三点往往需要设计和编辑/产品侧的共同协作挖掘。

且因WebNovel是一个受众广泛的国际平台,对宗教及文化的禁忌必须保持关注,设计中要避免出现不合适的元素引起用户的不适。

设计过程中一个有趣的发现:从长期的用户数据反馈中,我们发现女性向作品用户会相当偏好和故事相关的人物元素设计。由此,我们设计搭建了一套人台模板,根据剧情需求会在其基础上勾画补充特征,以在部分作品徽章需求下快速输出。

故事剧情会成长,用户活跃等级也会成长,我们的徽章也必须具有成长的能力和空间。

随着文化出海的春风不断外吹,国内的移动营销体验也一并在海外发芽。产品价值遍地开花的同时,设计价值也迎来了更多的表现空间。我们还需要探索更多能够增加「用户」与「平台」关联性的设计价值,为用户带来更多有趣的阅读体验和设计巧思。

 

最后感谢下为徽章设计做出贡献的同学

以及业务方在策划中发挥的重要作用,推动徽章项目的稳定成长和规范化。

 

 

 

转载注明:https://www.yrucd.com/academy/668791.html
原文链接:https://mp.weixin.qq.com/s/vdEkXzG5zP4bhBJrnJiFgg

云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。