Chrome New Tab: What Color is It

它是我最近开发的一个 Chrome 新标签页扩展, 能够实时显示当前时间对应的十六进制颜色. 效果如下图所示:

不妨移步 Chrome Web Store 观赏演示视频, 以及更多截图: http://goo.gl/bDXs3k

这个扩展程序灵感来自 J.E.Murphy 的作品 -> http://whatcolourisit.scn9a.org/
第一次看到时就被这个想法震撼到了. 原来时间这一串数字, 暗藏着这样的信息一直没有被我们发现. 随后我马上想到, 这个创意非常适合放到 Chrome 的新标签页, 或者 OS X 的屏幕保护程序里.

曾经我尝试过很多类型的新标签页扩展. 有自定义导航类的, 显示温度的, 显示风景或搜索栏的, 最后发现都没什么用. 新建标签之后我做的最多的事情仍然是在地址栏输入地址或关键词, 几乎用不到新标签页里边的内容, 甚至不愿意浪费注意力在新标签页上, 更别提欣赏美图了.

而我最近做的这个扩展, 抛弃了绝大部分细节, 只留下颜色和时间. 你只需要用余光一撇就能感受到颜色, 完全不会干扰到你正常输入, 利用输入的短暂时间就能感受到它所有的质感. 如果你正好大脑放空, 或者在思考要搜索或打开什么网页, 那么这段时间里便可以静静欣赏它的简洁动画, 优雅且自然. 如果你是一个对色彩足够敏感的人, 相信它会带给你非常丰富的体验. 如果你是一个擅长设计的人, 它会帮助你认识更多的色彩 (当然, 24 小时制的时间作为十六进制数字组成的颜色只能覆盖 24 位色的一小部分).

每一分每一秒它的色彩都是不同的. 在短暂的一分钟之内就会发生极大的变化. 在每一分钟最开始的时候, 它往往会呈现出比较丑陋的绿色, 但只要你稍稍多些耐心, 很快颜色就会变得非常漂亮; 每天的不同时段都会给你不同的感受.

01:28:02 ~ 01:28:54 一分钟内就会产生很大不同

为什么我们要忍受那些相对丑陋的颜色呢? 我个人认为, 即便很美的事物, 往往也容易让人产生疲劳感. 有时候我们需要一些没有那么美的东西来降低我们对事物的期望值. 这会让我们在接触美好的事物时更容易产生较多的幸福感.

原作虽然提供了一个非常巧妙的创意, 但我觉得有些许单调, 而且很多细节欠打磨. 所以我在自己的版本里做了很多调整. 首先我把原作中采用的字体 Open Sans 改为同样开源但更适合数字显示的 Source Sans Pro. 然后, 因为 24 小时制时间所能够提供的十六进制颜色都处于明度比较低的水准, 有时候色彩过暗使人难以辨别它的色相. 所以我加入了一个在启动时渐变的效果, 会从较高饱和度和较高亮度过渡到实际值, 这样或许能够帮助你更容易地理解这个颜色 (当然也会更好看 XD). 此外, 原作中把时间和色彩分开显示, 我认为这样处理是没有必要的, 所以我将他们合二为一. 你还可以点击时间或颜色来复制他们, 这也可能有一些实际意义. 所有的动画都是经过精心设计的, 拒绝滥用动画, 希望尽量不要干扰到用户正常使用浏览器; 保持简洁和扁平, 让整体更耐看一些.

希望这样一个虽然简单但创意十足且倾注很多心思的作品能有更多人愿意尝试 :)

Give it a try. Be patient. Give it some time, and time will return much more.

P.s.
OS X 屏幕保护程序版本的 What Colour Is It 作者表示以后不会修改其内嵌的网页代码, 虽然它内嵌的版本 (基本上就是原版) 相对来说可能比我这个版本要丑陋一些. 所以我打算 fork 一个新版本出来, 但是还不清楚是否在自己能力范围内. 欢迎关注我的 Twitter 或 GitHub 获得新的进展.