7 min read

Vol 24 来自6个产品的17条更新、即刻会员视觉分享

Vol 24 来自6个产品的17条更新、即刻会员视觉分享
💡
大家新年好,这里是来自海上星光2022年的第一篇推送,由于假期缘故,比以往来得稍晚一点,后续如无意外会固定在周二上午更新,enjoy。

这些产品有新的迭代:

📷Instagram


📧微信

  • 微信计划从2月21开始,小程序访问蓝牙、通讯录,以及添加日历事件,必须经过用户授权。
  • 微信视频号植入订阅号信息流,植入格式目前在灰度两种样式,下图。

🎵抖音


☎️WhatsApp

这里总结了WhatsApp一年来比较关键的节点更新,提炼一些重点:

  • 支持倒入第三方表情包。
  • 支持从桌面端发起电话通话。
  • 新的存档抽屉:提供新的存档方式。
  • 备份支持端对端加密。
  • 数字钱包的支持:提供商是Novi。

🪐小宇宙

  • 新增时点分享功能,支持在分享时标记特定时间点。
  • 支持跨设备续听功能,换设备后可以继续听刚才的一期节目。

值得关注的新产品:

一款强大的 Mac 菜单栏浏览器,在你的mac菜单栏上浏览任何网页。

MenubarX - A powerful Mac menu bar browser
A powerful Mac menu bar browser, pin webpage like an App.

即刻会员视觉分享

上周即刻App的会员Jike Yellow正式上线,此篇文章主要从设计师视角分享会员标识和卡面的设计。

一个会员系统从视觉层面上能拆分为以下几个元素:头像昵称标识、徽章、会员卡片、会员权益页。

前期视觉探索

比较常见的颜色搭配有:

黑金:在高端品牌设计里运用广泛,大众心理上接受感较高。

品牌色延伸:和品牌整体气质契合,用户认同感高。

一套色组:能看到腾讯系下的产品都有一套成熟的会员成长体系,体系下有着通过颜色和质感区分等级的徽章。

镭射渐变:镭射材质大多是基于银白的扩展,表现上干净而轻盈。而丰富的渐变色也同样兼顾活力和冲击力,适合年轻新潮的产品使用。

比较常见的会员标识有:

钻石、皇冠、V/VIP变体、S、P(premium)

会员卡面构成元素:

IP形象、徽章、会员信息(会员等级、用户名、头像、过期日期等等)、重要按钮(续费)

(这里值得一提的是Apple的信用卡,与其说是设计了一个视觉,不如说是设计了一个人机互动。银白色的初始卡面会随着储值消费金额的提高而进行染色,最终变成一张五颜六色的卡面,趣味十足。我们同样也留意到电子生成艺术,如果你有了解过一点NFT,会发现有代码参与的电子艺术品充满动感和变幻,而这样的动感也是最令人感觉新鲜的地方。)

概念探索

即刻会员视觉

内部经历了多场纠结的会议和几次设计草稿后,逐渐可以明晰的是,即刻会员1.0视觉上既要能反映出即刻社区的用户气质,也要考虑到社区的多元性和包容性。

即刻会员标识

基于现有logo做的形状延展,颜色则是从即刻黄和即刻蓝里提取了浅黄浅蓝,配合黑色超椭圆使用,缩小后有足够辨识度。为了避免feed中的会员标识产生过多视觉打扰,选择了挂在头像上,会比跟随昵称更加弱打扰一点。

即刻会员卡面

即刻卡面是由算法随机生成一套渐变色组成,在经历过设计实验后,我们制定了一套规则:卡面由几个不同位置圆形组成,圆形的位置在一定范围内随机,通过lighten模式叠加后使用高斯模糊让颜色混合在一起。

具体的偏移的参数会为每个用户生成独一无二的配置。在技术选型方面,为了兼顾可拓展性以及避免客户端渲染带来的兼容性问题,我们在服务端搭建了基于skia-canvas的渲染服务

为了保证最后的呈现效果,在此效果下指定了16个色盘,色盘里的颜色再随机分配给四个小球。随着色盘的增加,随机性也会非线性增加。

色板

以上是关于即刻会员视觉的分享,感谢你的时间。


友情链接

  • 地心引力:关注效率工具与生活方式的周刊,一起脱离重力束缚。
  • 在诗外:Mostly关于如何成为更好的人类,关注自我成长、文化和科技。汝果欲学诗,功夫在诗外。