0

人人皆可前端:Arc 浏览器更新有感

 11 months ago
source link: https://sspai.com/post/80028
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

人人皆可前端:Arc 浏览器更新有感

1
人人皆可前端:Arc 浏览器更新有感

Matrix 首页推荐

Matrix 是少数派的写作社区,我们主张分享真实的产品体验,有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章,展示来自用户的最真实的体验和观点。

文章代表作者个人观点,少数派仅对标题和排版略作修改。


1

放眼当下,把浏览器玩出花来的,舍 Arc 其谁?其实有点嫌弃它,连个多版本都搞不定,整天还嘚嘚瑟瑟。但人家就是点子多,谁能想到浏览器还可以有这么多玩法?这不,上周高调预告过的「重大更新」,它来了!

到底有多重大?我去仔细调研了一下:

首先,不是发布了 Windows 版本!发 Win 版是不可能发 Win 版的,这辈子~嗯~还是有希望的。

所谓更新,其实就是给 Boosts 功能迭代了一个 2.0 版本!我以前有写过 介绍 Arc 的文章 但针对此功能没有太展开讲,主要因为该功能是从代码层面修改网页样式,也就是说想要定制你浏览的网页样式,至少也得懂些 CSS,这对普通用户来说门槛太高。但现在不同了,会给你的 space 换主题,也就能给网页换主题!

废话不多讲,下面就来一探究竟:

人人皆可前端,人人欺负前端

以前做 web 项目时和前端的感情一直很好,大抵是同病相怜吧,毕竟后端很少会被 PM 欺负到!此外,前端还要被 QA 欺负,被运营欺负,现如今,竟然还要被一款浏览器欺负,真是世风日下,看看 Arc 干的好事吧!

f97dd723ae8e281e8c1c44bc6d378393.gif

动图来自 Arc

花里胡哨的对不对,其实就是一个可视化的编辑器,把在代码层面的修改变成可视化操作。

比如说,宝想要一个粉色的 Figma:

1

然后宝就得了一个粉色的 Figma!

想把 flomo 改成猛男粉?是的,你马上就可以拥有!

1

对吧,其实你看,不光前端会哭,设计师也要一起哭的,要不说是同病相怜呢?辛辛苦苦设计的网页,辛辛苦苦迭代个十几版,最后用户一键修改~嗯~以后还要不要听领导的话再把字体缩小个几像素,把圆角改成直角看看,把图片再往左挪挪了呢?现在是不是可以直接把 Arc 窗口打开:来,领导,你来,你自己改!

也许你会说,移动端不早就可以改主题了吗?换配色、换字体、换风格都可以啊!是,但 app 给用户的权限没那么高,系统级能修改的部分也没那么多,而且仅限于「替换」,做不到自由发挥。

其实往好处想,以后设计师迭代版本,可以直接在落地项目上调整样式,这不比用软件镜像预览工具来得直接?

目前此更新还是颇受欢迎的,但也有一部分人表示不屑,下图是来自一个前端工程师的可爱吐槽:

1

其实 Boosts 2.0 不止切换视觉主题而已,除了主打卖点,还可以过滤界面元素、小窗 Code、改布局、添元素、共享你设计的 Boost。

Paint:轻松换肤,定义专属网页

在讲功能前先声明,Arc 更适合爱折腾的用户!假如你是前端开发者或设计师,那 Arc 最适合你不过。但如果你只是想要一个多快好省的浏览器,那就不要考虑 Arc 了,它很吃内存,性能不太占优势。

所以,试用 Boosts 2.0 时先看一眼自己设备的内存。天热了,如果你的 Mac 跟我的一样还是 Intel 内核(问就是后悔买),那最好把空调打开或给它单独安排个小风扇。

首先我们来修改配色,Arc 的调色器采用的是 HSL(Hue Saturation Lightness) 色彩空间/模式:H(色相)、S(饱和度)、L(亮度)。HSL 适用于 web 支持,能快速调整单一色相下的不同深浅梯度。

我们都知道色彩空间是三维的,而调色器就是把三维的色彩空间(拍扁)以二维的形式展现以方便取色。HSL 模式的调色器一般就是:一个二维色窗、一个色相轴、一个亮度轴。但 Arc 的调色器——色轮,等于把这几者混合后并重新设计。

1

不同软件中 HSL 色彩模式调色器

你在色轮上切换的不是单个色相,而是色调范围。两个色彩手柄代表主次(浅深)两套配色,拖动手柄旋转是切换色相,大手柄拖动会带动小手柄,越往中心点走,饱和度(混合饱和度)越低,小手柄可以单独旋转拖动以切换深色色相,点击右上角图标可以撤回上一步操作。

19cfe1f2fa64a5bc23893cd1f89fff41.gif

其实 Arc 的调色器原型迭代过多个版本,最终还是选定了现在的色轮形式。

1

切换配色的话,页面上所有元素的色值都会联动,甚至包括表情符号。Arc 的工程师解释说这完全是个意外,但看起来很有意思,就保留了下来。

1

有点子可怕是不是?

色轮其实只能调整色相和饱和度,亮度则要在高级菜单里调整。Arc 对输出的亮度做了特殊配置,这样可以保证纯黑或纯白是带有一点色彩偏向的,不至于因为配色太过极端,而让页面失去层次感。另外,你也可以在高级菜单调整对比度和原始饱和度。

779c77c6565da8d53fc29d2495313e93.gif

这里没有切换十六进制色值的选项,但可以在代码里改。当然普通用户也不会这样操作,都是凭直觉来切换配色,Arc 调色器这样设计其实很合理。

另外,每制作一个 Boost,系统都会自动存储,可以删除,可以新建,也可以关闭,总之用户都可以自行控制。

9d0595c1a1658eedc87508b771122c41.gif

好了,到这里,我们已经把 Arc 这次更新最重要的部分讲完了,对,其实就这点东西,只是搞了很大的阵仗。其他的诸如换字体、改尺寸、改布局、切换亮暗模式,统统都可一键操作,所见即所得,没什么好讲的,就不浪费篇幅了。

那主菜食用完,就再来点配菜解解腻吧。

Zap:屏蔽元素,哪里不爽点哪里

个人感觉最有用的功能其实是这个 Zapper,我愿称它为「大杀器」。无论网页上有什么你讨厌的的元素,点击「Zap」按钮,一键消除,大杀四方,不用安装插件,不用编辑代码,前端当然还可以拓展出更多玩法,就看爱折腾到什么程度了。

ba950bdb3cf4f1a996e21ac97103c09b.gif

Arc 给该功能添加了 40 种规则,来支持用户精准筛选并提升屏蔽效率。可以边滑动鼠标边查看页面,被黄色块覆盖的部分就是同级元素,按你所需清除即可!

76f00df6214ff42359f03169570a728e.gif

这很有用,可以屏蔽一切让你不爽的页面元素,不仅仅是广告而已。当然这些元素也不会真被删除掉,关闭该 Boost 就都恢复了。

Code:代码小窗,随时编辑

这题对我来说实属超纲,应该让前端工程师来才对。Arc 等于给你提供了一个简易代码编辑器,支持编写 CSS 和 JS。下图是我尝试在页面上添加了文本和可爱的动图(动图素材来自网络):

283a2fdad1a5dd3a285ec6857e61313c.gif

总之,我就不献丑了,期待有前端人来分享更多玩法~

Share:设计网页,共享你的创意

当然,都重新设计了网页,不得好好分享一下?Arc 都替你想到了——分享、签名、发布一条龙服务。对,此时心动 pick 动效又粗线了!把复用的艺术做到极致,Arc 就是这么会省。

961c913222a7baec5859d25f15404b4a.gif

动图来自 Arc

上传到 Boost 画廊里的设计都可以被别人点开浏览,但我试用时好像有 bug,就不演示了,大家可以自己去看看。

1

好啦,到这里,该「重大更新」的功能细节就全部讲完啦,感觉如何呢?是不是有一个疑问?这玩意儿很牛吗?这确定不是在玩噱头?

是噱头多过实际吗?

Arc 的口号一直是「我们正在构建一种更好的互联网使用方式」。可见,Arc 并不单单是想要颠覆浏览器,他要通过浏览器这个窗口颠覆整个互联网的用法。那从这个角度看,这次的更新算是践行了口号吗?

我认为,算!而且这仅仅只是个开始。为什么敢如此断言?一个多版本都没做到的浏览器,凭什么颠覆互联网的使用方式?一个修改主题的功能而已,怎么敢谈颠覆?

但就像我们正在经历的 AI 革命一样,在 AIGC 大潮席卷之前,很少有用户会专门花心思学习如何修改或设计页面/图像。给手机换主题再日常不过,但那都是系统给用户内置好,你只需点击按钮,选择那个能勉强打中你喜好的套餐罢了,这时,你不是创作者的角色,你依旧是消费者。

而现在人人都在学习和使用 AI 工具,可能你邻居家的小孩儿都会用 Midjourney 画图。

两个月前我在某乎上发布了一篇 Midjourney 入门文章,到现在仍有人在看,阅读量有十几万,没见过什么大世面,这对我来说已经很夸张了~可见大家的学习热情有多高,甚至文章标题讲了是专门写给设计师的,但无人在意,什么职业的人都会看,大家只关心怎么能快速用上这个工具。

1

所以你看,大家现在都是设计师/画师了!虽然不能算真正的职业者,但大家都已经在做设计师/画师在做的事情了,不是指出图或者什么,是指「创意」,大家都在发散思维,都在开拓想象,都已经在无限制的进行创意!

为什么说无限制?很好理解,你不需要掌握任何一款设计软件,甚至连笔刷都不需要下载,只要想到了你就能画出来。

当然想要精准出图是需要学习的,但这个学习成本远远低于一个设计师/画师几年十几年的学习。要知道一个科班出身的职业设计师/画师需要从中学甚至小学开始画素描画速写,我都记不清自己撕掉过几百张不满意的水粉画!大学四年的理论课、实践课、写生课填得满满当当,工作之后的学习和历练更是数不胜数。然而这一切,现在一个普通用户大概花十几分钟就可以抵消。

不过多探讨 AI 话题,只是举个例子。AI 革命严格来说不是纯技术层面的,它是科学发展之必然,是认知革命!

有人强制大众去学习 AI 工具了吗?当然不排除一些为了特定目的来传播焦虑的行为,但那种影响还远到不了全民的程度。这背后的驱动力是人们求知、求新、思变的本能,是我们自己的认知升级,自己来颠覆自己。

这几个月,最大的改变不是大众都学会了用 ChatGPT、用 New Bing、用 Midjourney。最大的改变是,大众跨越了专业基础门槛,可以主导自己想看什么和能看到什么?

所以,Arc 这样做是可行的。互联网的浏览方式就是需要一些颠覆的,就像 AI 带来的可预见影响:人人都可以自己决定内容的使用方式和产出形式,人人都可以自由发挥创意和想象,人人都可以参与打造这个互联网世界。

互联网的未来是个性化的,是可自定义的,这个概念不是 Arc 的专利,熟悉谷歌设计规范的都清楚,安卓系统设计语言 Material Design 进化到 3.0 后,强调的概念是「You」,它不是强调「个人」而是强调「你」,对,就是你,你是你自己的主宰,你就是关于你的一切!

1

想一想,以后还有伪个性化推荐机制吗?还有广告吗?还有各种明里暗里的 push 吗 ?恐怕将来这一切的一切都是要被彻底颠覆掉的,软件、硬件、供需关系,消费结构等等。

所以,Arc 到底是噱头多过实际吗?我也没有确切答案,就让子弹再多飞一会儿吧。

产品该如何自处?

再说回 Boosts 2.0 这个版本功能本身,喜不喜欢,见仁见智。有些人觉得让专业的人去干专业的事不好吗?把页面改得七七八八,多影响人家产品的品牌形象?不会遭到抵制?

当然,有争议是好事,说明还有讨论的价值,实力够就不惧挑战。至少在大众化自定义网站这方面,Arc 是超前的。别的不说,这已经能大大提升用户使用 web 端产品的意向,就像 Arc 自己说的「App 时代即将结束」,这~不就是一个开端?

功能层面,这不算什么创举,只是 Arc 先想到了,也先做出来了!有些产品是走功能路线,有些是走设计路线,二者兼有之的也不下少数,不能一概而论。一个普通的小功能做到极致,它也会得到用户的追捧和尊重;一个设计概念玩到极致,它亦能补充功能不足的短板。所谓一白遮百丑,但这里不是遮丑,这是巧劲。没有完美的人,所以也没有完美的产品,只有适合自己的,只有自己适合什么?

Arc 很清楚自己擅长做什么?能做到什么?想做成什么?但也有很多产品想不清楚,大家都想占先机,一闷头就是冲,冲错了大不了再换个方向,殊不知消耗的不光是自己做产品的热情,还有用户的耐心!

另外,如果 Arc 这些玩法就是会让用户上瘾,那么也不排除完全放开注册后会付费。虽然 Arc 丝毫不透露自己的付费计划,但这个计划是存在的。看他们的开发力度和不断加码的工作量,如果不能实现商业变现,很难这样一直烧下去,为爱发电是不可能的,投资人的钱又不是取之不尽用之不竭。付费这一天肯定会到来,届时,付费之日就是开放注册之日(我瞎猜的)。

总结一下

最后,扣个题吧,人人皆可前端了,那前端要去干吗?这就是另外一个议题了,就像人人皆可设计了,那设计都去干吗?变化日新月异,这些命题都是我们要思考的,但首先,还是得先了解变化。

记得把 macOS 更新到最新版本,然后再升级 Arc 就可以体验新功能了。

感谢阅读,欢迎大家来一起探讨和交流。

相关链接

> 下载 少数派 2.0 客户端、关注 少数派公众号,解锁全新阅读体验 📰

> 实用、好用的 正版软件,少数派为你呈现 🚀


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK