V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
riophae
V2EX  ›  分享创造

Chrome New Tab: What Color is It

  •  2
     
  •   riophae · 2014-12-29 02:09:08 +08:00 · 4470 次点击
    这是一个创建于 3647 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    Chrome New Tab: What Color is It

    不妨移步 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 一分钟内就会产生很大不同

    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 一个新版本出来, 但是还不清楚是否在自己能力范围内. 欢迎关注我的 TwitterGitHub 获得新的进展.

    14 条回复    2014-12-30 12:37:01 +08:00
    ilancelot
        1
    ilancelot  
       2014-12-29 02:16:10 +08:00 via iPhone
    好东西,先睡一会儿再仔细研究...
    ffffwh
        2
    ffffwh  
       2014-12-29 03:51:02 +08:00 via Android
    WC -- psycho pass
    Bluek404
        3
    Bluek404  
       2014-12-29 06:36:16 +08:00 via Android
    @ffffwh +1
    Posuker
        4
    Posuker  
       2014-12-29 09:38:28 +08:00   ❤️ 1
    很好的标签页扩展
    不过为什么没有快捷栏?
    点击任意位置时间下方弹出的框框再点击转变成快捷栏
    sethverlo
        5
    sethverlo  
       2014-12-29 09:50:06 +08:00 via iPhone
    lz 是饭否的?
    riophae
        6
    riophae  
    OP
       2014-12-29 10:06:26 +08:00 via iPhone   ❤️ 1
    @Posuker 我觉得那个快捷栏没用.. 每次我都是直接在地址栏里搜索书签, 整个流程又快又流畅..
    riophae
        7
    riophae  
    OP
       2014-12-29 10:06:43 +08:00 via iPhone
    @sethverlo 是的
    Posuker
        8
    Posuker  
       2014-12-29 13:44:10 +08:00
    @riophae 嗯..习惯在标签页里放几个基本会打开的页面...
    riophae
        9
    riophae  
    OP
       2014-12-29 18:37:50 +08:00
    @Posuker 常用的标签不妨给 pin 住
    vxxholic
        10
    vxxholic  
       2014-12-29 20:05:50 +08:00
    @riophae 但是快捷栏会记录你最近一段时间的常用页面啊,比如最近我的New Tab页面上有“欢迎来到steam”而且我也确实需要,因为我要每天去首页领卡牌,但是我有必要把它pin住吗?节庆特卖一结束,我估计每隔几个星期才会碰一次商店页面…………
    riophae
        11
    riophae  
    OP
       2014-12-29 22:48:59 +08:00
    @vxxholic 特卖结束了 unpin 不就好.. →_→..
    msg7086
        12
    msg7086  
       2014-12-30 06:28:55 +08:00 via iPhone
    WC? 君は何色ですか?
    vxxholic
        13
    vxxholic  
       2014-12-30 10:19:31 +08:00
    @riophae 这只是一个栗子,但是我还有很多栗子o(╯□╰)o很多网站只是在特定一段时间频繁使用,如果全都pin住,然后用不着了又unpin,好麻烦…………
    riophae
        14
    riophae  
    OP
       2014-12-30 12:37:01 +08:00
    @vxxholic
    还可以试试这个功能:

    (不过我也不确定是不是适合你的需求, 总之可以试试)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3379 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 11:43 · PVG 19:43 · LAX 03:43 · JFK 06:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.