9 min read

Vol 14 instagram正在打破原则、设计系统与代码开发的后半生

Vol 14 instagram正在打破原则、设计系统与代码开发的后半生

这些产品有新的迭代:

📷instagram

最近针对创作者服务做了许多更新,包括:

  • 最关键的,正在内测新功能叫「Collabs」,创作者之间可以合作创作一个post或者Reels视频,并展示在内容上。有点接近B站的共同创作。
  • 桌面端现已支持在web端上传照片和视频了,内容发布更加便捷。
  • 桌面端正在内测可编辑已经发布的帖子。
  • Stories正在内测放开视频长度限制
  • 个人介绍正在内测支持填入多个网址,但第二个网址只支持链接到FB。

针对浏览用户

ins最近的更新许多都打破了此前引以为傲的社区原则,例如支持桌面发布,不再强调「拍照」属性了。猜测不少压力是来自TikTok。

Collabs
stories / bio / 相似物品

🍎Apple

  • 伴随着新款Airpods和Macbook Pro的发布,苹果官网也迎来了更新,新增「苹果独家」、「配件」及「AirPods」板块。
  • 在WWDC上发提到的In-App events功能,将在下周正式发布。Event将提供一个方式让开发者可以在App Store中展示App内即将到来的活动,包括活动、赛事、电影电视剧上线等。
  • 另外,有用美区习惯的小伙伴应该已经注意到,美区服务(AM、App Store、Fitness+等)已经开始支持汉化。
In-App events

🎵Spotify

  • Spotify正在内测「Concerts」tab,可以看到你附近即将举办的演唱会及举办方式。
  • 另外,Spotify在「Liked songs」列表中也增加了「Enhance」按钮,此前只在外部playlist中支持,意味着用户可以继续调教算法,获取更多喜欢的音乐。

🐦Twitter

  • Space服务正式向全体用户开放,取消了600关注数的门槛限制。
  • Twitter正在内测「回关」。
  • 更新了Twitter Blue的logo(希望不是最终版)

🤔What's More

  • 微信正在内测「官方小号」,灰度用户可以通过现有微信号注册一个新账号。
  • 支付宝正在内测允许“关闭所有首页栏目卡片”。
  • Netflix正在考虑调整热门节目算法:从此前根据近28天,节目观看超过2分钟的用户数排名,改为节目总被观看小时数。(原文,page3
  • Google针对所有应用开发者,下调订阅费率从30%到15%,鼓励开发者使用订阅服务,而不是买断制。
  • facebook正在内测支持10s长度的语音评论

值得关注的新产品

💬好说

由前 TapTap 两名联合创始人张乾、黄希威离职后推出的主打游戏的社交社区产品,对标Discord。完成度非常高,侧边栏的解法笔者很喜欢,同样的需求本土化做的很到位。

好说 - 让世界更好玩
好说是为玩家打造的游戏社区,房间人数无上限,支持快速检索游戏房,话题消息可跟帖,气泡内轻回应,热门消息自动整合,支持多端在线…来好说,找到有共同话题的小伙伴,聊聊游戏与生活。

🐟摸鱼kik

来自搜狐研发的个性化信息订阅推送平台。内容基本来自外站,上线一段时间了,最近开放了评论功能。

摸鱼kik-每刻都值得摸鱼
摸鱼kik是一个个性化信息订阅推送平台。筛选全网优质资讯内容,提供1000+高质量兴趣主题,用户可以随心订阅;追踪当下热点事件,梳理清晰的时间线,用户可以开启推送,随时掌握事件最新动态。来摸鱼kik,告别泥沙俱下的海量信息,轻松紧跟社会热点。

☎️Truth

特朗普团队出品的社交App,看个热闹。

‎Truth Social
‎Follow the TRUTH! What exactly is TRUTH Social’s “Big Tent” approach? Big Tent is a new way to describe “inclusivity” in America. Think of a giant outdoor event tent at your best friend’s wedding. Who’s there? The combination of multiple families from all over the United States, and the world. Un…

掌握代码的艺术-对齐UI Kits

前言:上周分享了Figma schema大会的前两场演讲内容,仔细往后看发现内容开始有些重复和同质。每场演讲本质上就是各大家分享自己从0到N(没错,因为DS的整个项目链路其实非常长,类似一个支持中台,所以我称之为N)的经验,所以今天分享完,剩下的不继续更在这里了。

点击跳转视频

Jan Toman(Design Systems Lead at Productboard)的整个演讲提到了许多能够帮助UI kit变得更实用的实操细节和建议,让它在协作上更好用,以及如何避免在更新设计系统时破坏已有的设计样式。例如:

不同种类的按钮应该分为不同的组件,而非挤在一起

何时考虑将子集(variants)分出去成为独立组件呢?

当有些属性并不能适用到组件里的所有子集时

当有些重要子集使用频率比其它更高时

当有些常用子集视觉上明显不同或不同的使用场景

当子集变量组合排列出太多结果

子集组里左上方的第一个组件会是这个组件展示时候的默认组件,所以确保这是最常用的那个子集

如何确保更新设计系统的时候,不打断已有设计样式?

更新组件时,常常会打断之前做好的设计。例如被恢复成了默认,icon尺寸发生变化。(要避免这些需要做很多额外工作,我个人感受就是:很花精力但不得不做)

这里贴一下Jan Toman给的小便签:比如做改变前截图保持之前的样式,然后跟改变后做样式对比;测试一些极端case;不要随意去隐藏基础组件里的元素,在改变类型时候会出错;以及最重要的,管理好的你画板!(这点最容易也是最必要的,很多设计师的画板逻辑只有他们自己看得懂)更多细节可以前往原视频

当我们在figma里定义Style和UI 组件时,就是在决定着产品功能的形态和它将如何被代码编写。

Jan Toman在演讲里提到了如何将设计系统融入实际代码生产环境,虽然这在整个DS管理过程中算是比较后置的步骤,但却是非常重要的一环。

Design Tokens是一组有着统一命名规则的实体,用于储存视觉设计部分的具体参数,比如HEX色值、间距、尺寸等。使用它可以有帮助为UI开发工作维护一套具备可扩展性、一致性的视觉体系。

延伸阅读:设计系统中的Design Token

API以往是个开发用词,设计师们接触比较少。设计系统API就是设计师与工程师能够语言相通的词典。通俗来说,就是将我们设计系统里制作好的视觉元素,变成工程师们能直接在代码里调用的东西。

一个button的API

实操推荐阅读:Crafting Component API, Together