惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
DataBreaches.Net
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
云风的 BLOG
云风的 BLOG
B
Blog
博客园 - Franky
I
InfoQ
A
About on SuperTechFans
博客园_首页
L
LangChain Blog
量子位
腾讯CDC
Microsoft Security Blog
Microsoft Security Blog
博客园 - 【当耐特】
美团技术团队
V
V2EX
Apple Machine Learning Research
Apple Machine Learning Research
雷峰网
雷峰网
MongoDB | Blog
MongoDB | Blog
Microsoft Azure Blog
Microsoft Azure Blog
月光博客
月光博客
T
The Blog of Author Tim Ferriss
P
Proofpoint News Feed
G
Google Developers Blog
Last Week in AI
Last Week in AI

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
关于 VSCO 即将更新的全新设计,你需要知道的几点 | Matrix ...
2016-06-08 · via 少数派

Matrix 是少数派的全新产品,一个纯净、小众的写作平台,我们主张分享真实的产品体验,有实用价值的互联网领域经验、思考。欢迎忠于写作,喜好分享的朋友参与内测。我们会不定期挑选 Matrix 最优质的文章,展示来自用户的最真实的体验和观点。

作为 iOS 最知名的摄影后期应用之一,VSCO 正在面向部分用户测试全新版本。本文来自一位有幸获得测试资格的用户分享的一篇针对 VSCO 新版改动的文章,读者可以一睹为快。

文章内容仅代表作者本人观点,少数派对文章语句排版有作修改,原文链接


VSCO 几乎是我每天都会打开来的 app,可以说我真正用 iPhone 摄影也是从 VSCO Cam 开始的。

图中左边四个 app 是我常用的摄影类应用

通常情况下,我拍照会用到这四个 app:Camera+HydraVSCOSnapseed。今天也如往常一样,拍完照打开 VSCO 开始添加滤镜、微调,而我意外的发现,VSCO 的 UI 已经与往日大不相同。

新的启动画面、导航按钮,没有了抽屉,四个子界面被简化为了两个,于是与朋友分享了這個消息,发现原来我是在「灰度测试」之中,把玩了一会儿,觉得 VSCO 这次整个新的界面与交互设计挺有意思的,总结来说就是:

  • 没有设计规范的设计
  • 似乎易用性提升了不少
  • 又是一个从工具往社区发展的产品

于是我想趁 VSCO 正式全面推送新版本之前,如不让感兴趣的朋友先睹为快,先看一下重新设计之后的 VSCO 在界面与交互上有什么变化。

终于有了启动画面

之前的 VSCO 几乎是没有什么启动画面,而新版中有一个将图标旋转拆解、如灵光般向四周发散的动效,我想这里有一部分是 branding 的考虑,这让我想到了 Uber 最新的启动画面,我个人非常喜欢那个如「心脏脉动」的动效,特别是与最后展开成「打车按钮」,整个动画非常和谐。

全新的界面与导航按钮

一进入 VSCO 的界面就立马感觉与之前截然不同,总的来说就是在原来已经相对简洁的结构上更加简化,底部中间的形似「地球」的按钮让你无法忽略。

整个界面的设计变成了左右切换的两栏,左栏为「社区」,右栏为「图库」。

原来的「个人页面」被直接拿出来置于「图库」上方,还会将最近分享的一张照片作为 banner 边框背景,挺有设计感。「商店」入口置于右上角,与「导入照片」的入口对称,原来顶部「筛选」「导入」以及「收藏」的三按钮设计被拿掉了。

总的来说,新的布局我可以在操作的辨识成本上是减少了不少,也就是更加易用了。

左图为新版首页样式,右两图为旧版首页及抽屉

对比前后两个版本的布局,新版减小了照片展示的尺寸,间隙更大,展示形式可以被设计得更多样化,例如「被收藏的图像」就会以「堆栈」的形式呈现。

整个产品的交互操作被寄托在底部这个按钮上,它会始终在主界面上,除了当你向下滑动界面时,它会消失,当你停下三秒左右出现。通过拖拽这个按钮完成不同的手势,来实现几个主要的交互操作:

  • 向上滑动:启动相机
  • 向下滑动:显示筛选条件 — 图库,显示搜索 — 社区,以及退出相机界面
  • 向右滑动:切换至「社区」
  • 向左滑动:切换至「图库」

The Verge 的报道中这样描述到:

It’s a quick and intuitive way to jump around the app, and it’s fun to flick up to launch the camera and pull back down to quickly get back.

怎么说呢,这个所谓的「导航按钮」,实际上也就是把触发操作的交互范围缩小到了那一个圆圈内,总给我一种拘束感,虽然这样可以避免一些误操作,其实这也是一种「拟物设计」。

样式微调,流程不变

作为一款工具型(至少之前是)的产品,不少用户可能更关心处理照片的部分,VSCO 新的设计倒是总体上没有增加用户的学习成本。

用户依旧可以通过长按来快速浏览图片,双击展开,这里增加了一些照片信息。编辑界面中,对工具类图标圈闭进行了重绘,部分工具的 icon 可能要多看两眼才能认出来了,不过我发现在「步骤」中仍然是旧版的图标。

左图为新版长按预览样式,右两图为编辑工具图标的变化

导入照片的界面也与之前不太一样,把「相簿」直接置于顶部,点击切换下方照片,倒是让我想起了 Storehouse 的导入界面,当年觉得设计非常不错,而这两款产品在某些地方也有几分相似。

左图为 VSCO 的导入界面,右图为 Storehouse

这一切都是为了社区化

Create, discover and connect.

在 VSCO 的官网上,他们是这样介绍自己的 app,显然社区化并不是新版本才开始关注的东西,是一直持续在推进的转型。

追根溯源,在一开始 VSCO Grid 的推出,VSCO 就像打造一个介于专业(Flickr)和大众(Instagram)之间的产品。没有点赞评论,在 VSCO 的内容社区里照片是最重要的,用户只能关注作者,或者分享,现在也如此。

到后面换了主 logo 大概也有这方面的因素,新版更是强调了社区在于产品中的重要性 ── 与工具性同等重要。

关于 VSCO 新 logo 的核心要素以及图形变换: Solar System → World → Community → Person → Genetic Code

这是一个重塑品牌(Rebranding)的过程,很多产品都经历过这样的转型过程,VSCO 也正在经历着,这个有着 3000 万用户的产品似乎把主要竞争矛头指向了 Instagram,从近期两款产品的调整来看,甚至他们各自都有一套附属产品矩阵。

这里有两个小插曲:

  • 我才意识到原来 VSCO Cam 早已更名为了 VSCO,这也证明了它不想止于作为工具
  • 新版中的「导航按钮」,是不是感觉与上图中代表 Community 的形状很像,当然它也也像「地球」,总之与社区有着一定联系

而 VSCO 还有一个 Instagram 没有的维度,就是「杂志」── 又想到了 Storehouse。这一点的设计上,与之前也有些许变化,但我觉得之前的设计,从封面上看起来似乎更像「杂志」,现在就更像是点开一篇阅读文章。

左图为新版 VSCO 杂志样式,右图为旧版

还有一些细节,例如确定按钮换成了圆形 icon,一时间看到还没反应过来,以及随处可见的「彩虹」读条,咦,为什么感觉突然涌上一股吐槽之力。

Rainbow Progress bar.gif

总的来说,我很喜欢 VSCO 的新设计,也很欣赏其团队有这种大胆从简的勇气,整个产品的各方面性能上来说都得到了优化,无论是做为工具,还是分享内容的社区,我相信都让新用户有兴趣进行尝试,当然,运营也得跟上才行。

【跳转播放视频】


继续阅读更多关于 VSCO 的技巧文章 >