服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

谈谈徽章设计那些事

日期: 来源:阅文体验设计YUX收集编辑:菠萝



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



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



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


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


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

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



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


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


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



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



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


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



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


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


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



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

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





相关阅读

  • 起点读书书架体验升级

  • 起点读书的用户数在今年迎来了5年来最大的增长。随着网文行业成熟,用户构成与行为模式也在迭代,下半年我们对起点的书架页进行了一次改版,探寻适合新阶段的最优解。—— Yanni
  • 起点读书APP福利中心设计小结

  • 起点读书的激励视频(用户通过看视频广告获得章节卡等奖励)大多散点投放于阅读页中的订阅和章末场景,而在该场景中,观看视频广告可能会中断用户的连续阅读体验,且入口不稳定,还容易
  • 1+1>2 投屏互动广告 — 优酷商业化设计创新实践

  • 优酷投屏互动广告产品,助力奔驰、vivo、乐事等多个品牌打赢品效增长的价值高地,沉淀一系列具备市场声量的营销案例,是一款跑在长视频平台广告行业前沿的创新产品。品牌营销不可
  • 内容与卡片式设计

  • 前些年关于“拟物化”还是“扁平化”的争论的喋喋不休,当各路声音渐渐平息了以后,我们会发现围绕这一公案我们还是有一些可以共识的看法,比如拟物化和扁平化本身并不是一件非黑
  • 品类选购的新体验和新场景

  • /从“消费”到“创造消费”/用户消费重心的变迁在当前“用户决胜”的消费时代,商品消费重心逐渐由以物为中心,转移到以人为中心。消费不仅是单方面地花钱享受个性化服务,更多人
  • 浅谈用研日常工作中的敏捷调研

  • 在用研的日常工作中除了常规的调研项目外,经常会遇到自产品、设计侧的这样的业务场景:“我们想看一下用户对于商品标题的长短有没有什么样的偏好,能不能快速出个结论?”“我们想
  • 用户体验地图(上篇):概念介绍与使用价值

  • 在日常的工作中,大家或多或少都听过/用过用户体验地图,简单的说,用户体验地图是梳理用户场景和体验问题的一种工具,那在用户研究中,什么时候/阶段适合用体验地图?使用体验地图的价
  • 重磅推荐!开源身份认证神器:KeyCloak!

  • 安装&初始化下载http://www.keycloak.org/downloads.html笔者下载的是“Standalone server distribution” 。安装&启动安装Keycloak非常简单,步骤如下:解压下载下来的安装包

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 谈谈徽章设计那些事

  • 本文复盘阅文海外网文平台 WebNovel 的徽章体系设计历程,通过设计与内容强相关、艺术化、体系化的徽章,承载用户对网文及平台的热情。网文出海有着巨大的商业及文化价值。阅文
  • (可能是)最硬核的色彩系统总结

  • 当我们开启一个新组件库的设计时,搭建色彩系统往往是我们要做的第一件事。作者通过真实的项目经验结合深入的理论知识,带来这篇 YUX 最硬核的色彩系统设计文章,欢迎大家交流和
  • 起点读书书架体验升级

  • 起点读书的用户数在今年迎来了5年来最大的增长。随着网文行业成熟,用户构成与行为模式也在迭代,下半年我们对起点的书架页进行了一次改版,探寻适合新阶段的最优解。—— Yanni
  • 欢呼!未来科技城即将迎来一波重量级总部!

  • 本文节选自浙商杂志公众号原文:菜鸟总部、达摩院今年交付!继杭州市政府、临平、吉利,阿里与余杭再签战略协议“十年之约”再出发2月8日,在阿里巴巴落户杭州余杭区10周年之际,余杭
  • 起点读书APP福利中心设计小结

  • 起点读书的激励视频(用户通过看视频广告获得章节卡等奖励)大多散点投放于阅读页中的订阅和章末场景,而在该场景中,观看视频广告可能会中断用户的连续阅读体验,且入口不稳定,还容易
  • YUX 2022 SHOWREEL

  • Hi,我们是阅文体验设计 YUX ,负责阅文集团旗下起点读书、QQ阅读、潇湘书院、Webnovel 等产品的体验、品牌及创意设计。通过这段 SHOWREEL 为大家整理 YUX 在 2022 年做的一些