100 去你丫的 Dark Mode

我们终于也步入期数达到三位数的播客行列了!今天碰巧又是圣诞节,本该来一些轻松的话题,不适合标题里这种看似愤青的风格,但实际上本期绝大部分时间里并没有激动的吐槽和单纯为了反驳而反驳。尽管 Leon 的确很不喜欢现在各大系统、应用软件提供的深色模式,我们还是希望按照习惯的套路,从那些远古的软硬件里找到 Dark Mode 的踪迹,通过缓缓拨开「历史的迷雾」来好好地……吐槽……


两位主播祝大家圣诞快乐的同时也再次提醒,本周六(12 月 28 日)我们将在上海举办最后一场线下活动~


内容提要

04:26 为神马最近 Dark Mode 火起来了呢?

09:19 让我们「拨开历史的迷雾」,探寻一下 Dark Mode 的源头

23:33 聊深色模式,绝对绕不开那个 Z 打头的播放器和 7 结尾的操作系统

28:25 插播着科普一下深色模式的硬件基础 AMOLED

36:52 主播一号失败的 Dark Mode 初体验

46:29 终于可以开始正式吐槽了!

55:01 一百期了,有点儿唏嘘


参考链接

  1. 年度线下活动《安妮赏》的购票链接 2:33
  2. Design Tokens 6:34
  3. 以前的 UC 浏览器 logo 还是一只写实的松鼠 10:52
  4. 智能机早期时代就诞生的 Opera Mobile 也活到了现在 11:27
  5. 国产山寨汽车品牌的「翘楚」众泰 15:40
  6. 更正:JJ 提到的那个桌面主题作者叫 Tiggz 16:43
  7. WindowsBlinds 桌面主题作者在官网上的历史排名 16:52
  8. Tiggz 的深色主题 GT3 17:14
  9. JJ 设计的主题 Azenis 2 18:32
  10. 本台的老朋友 Rokey 19:07
  11. Rokey 的概念稿真的找不到了,只找到了 JJ 实现的主题 19:13
  12. 一套典型的带半透明边框的 WindowBlinds 桌面主题 19:23
  13. 淘宝设计团队撰写的深色模式总结《我们把淘宝黑了!?淘宝深色模式内测正式开启21:01
  14. Zune 音乐播放器 24:18
  15. 感受一下 Zune 的 UI 26:41
  16. AMOLED 显示屏 28:08
  17. Micro LED 显示技术 31:32
  18. Pentile 屏幕像素排列方式 32:29
  19. 胎死腹中的 Windows Mobile 7 界面 35:24
  20. 眼睛中感受强光和颜色的视锥细胞 40:04
  21. JJ 以前写的粗暴型全局夜间模式 CSS 41:21
  22. 现在 Apple 很多设备都搭载能通过环境光源的感知来调节色温的 True Tone 屏幕 42:55
  23. 土豆网当年上市失败让人唏嘘 45:18
  24. 曾经的爆款文章《上海是怎么错失这些年的互联网机遇的?45:26
  25. JJ 曾经尝试的官网暗色模式和系统自动匹配 52:14
  26. 计算机千年虫问题 55:42
  27. 本台官网使用的站内搜索引擎 Swiftype 56:38
共有 25 条评论
leongao
2019 年 12 月 25 日

给 JJ 的第三条参考链接补充一下,最早 UC Web 的 Logo 不是🐿️,是这样的 https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQhPqw70h_8ZfoWHqkXZykWBVMA3-mCKi6FhMwnh1pqB4ez1vXwbw&s

JJ Ying
2019 年 12 月 25 日

给你这个长长的链接点赞

超超超人LcC
2019 年 12 月 25 日

圣诞快乐

JJ Ying
2019 年 12 月 26 日

圣诞(第二天)快乐!

坤宇天下
2019 年 12 月 26 日

当年最喜欢wp手机了,可惜穷学生买不起。当我能买得起的时候,已经没有那时的情怀了

JJ Ying
2019 年 12 月 26 日

而且除了没那个情怀, 可能连手机也找不大到了吧……

Bingo
2019 年 12 月 26 日

美少女战士的主题曲太羞耻 play 了

JJ Ying
2019 年 12 月 26 日

Leon 逼我的!

Bingo
2019 年 12 月 26 日

(网易云写不下了)之前用 Photoshop 等 Adobe 软件的时候都是暗色的皮肤系统,以至于后来用 Sketch 的时候觉得它是个小品玩具型的设计工具软件,期间也折腾过几次装暗色皮肤后来还是放弃了硬着头皮用了一段时间也适应了。这次大规模的 dark mood 推广使用以来也是开始难以适应,用了一段期间适应了以后也觉得不错。我想说的是像这种后天构建的喜好或者说习惯有时候并没有那么坚不可摧。一些“反人类”的设计其实有很多也是构建在习惯了之前的设计的基础上,习惯就是重复次数足够多以至于能形成“不假思索”的惯性。比如习惯了用点击来呼出歌词的网易云用户就会觉得 QQ 音乐的滑动出现歌词是“反人类”的。Dark Mood 对于我来只是一种风格,风格不能用对错来评价也只能用好坏或者是喜好吧,全面推行 Dark Mood 是否可取我不知道,在没有实现之前评价似乎是武断的。一些人能习惯 Dark Mood 甚至喜欢它也不足为奇,比如我。全面推行 Dark Mood 是个成本问题,Dark Mood 本身没那么重要,只是被说的太重要了。

JJ Ying
2019 年 12 月 26 日

你说得很对!Leon 就是矫情了一点儿,哈哈哈哈话说下期节目能引用你的评论吗~

JJ Ying
2019 年 12 月 26 日

反正我上上上期节目里也说过免责声明了,所以上一条询问也就是象征性的,反正这条评论里没有牵涉太多隐私,只要你不写反对我就会引用的,哈哈哈哈哈

Bingo
2019 年 12 月 26 日

哈哈哈哈哈,可以呀!

Rabbitism
2019 年 12 月 27 日

我只想说,有时间为啥不好好设计一下色盲模式呢?我虽然不是色盲,但是我经常把手机调节成全色盲模式。在这种模式下很多app和游戏几乎就成了不能用的地步。(虽然也有很多app因为没有了扎眼的配色变得好看了起来)

JJ Ying
2019 年 12 月 27 日

你说得有道理诶!色盲的比例应该还不低,不太清楚不同类型色盲的比例和分布,是不是全部都做成本还挺高的

Rabbitism
2019 年 12 月 30 日

最广泛的是红绿色盲,接近5%的男性是,所以哪怕只做红绿适配都有很广的覆盖面。比如LOL和DOTA2这些MOBA游戏因为对战双方是红绿色,所以都做了红绿色盲模式,把双方改为黄蓝色。

JJ Ying
2019 年 12 月 31 日

原来这些游戏这么人性化!

Bingo
1 月 2 日 18:01

搬运一个视频:2019年游戏是否对残障玩家更友好?https://www.bilibili.com/video/av80009674

JJ Ying
1 月 6 日 21:27

终于看完了,看完感觉更惊讶了,虽然主播也说了些缺点,但整体来说很多游戏这方面的完成度很可以啊!

RandomYang
2019 年 12 月 29 日

我今天才听你们的第100期,你们刚喷完,昨天我就很不巧刚好做了个JS插件。。。而且思路和JJ在博客里面提到的几乎一样。(我发4!在这之前我没有听过你们这一期🤣)太尴尬了,哈哈~链接在这:http://randomyang.top/darkmode-hook/dist/  感兴趣的话也可以看看。然后现在刚做出来,发现其实我发现问题非常多:1. 不同浏览器的兼容性(我指的是现代浏览器,对)2. 浏览器自身的BUG.(前端代码层面无法控制的)3. differencen之后也不是所有的页面都是真的dark,因为有些页面本身可能就是“偏黑”,用完这个之后反而“白”了等等很多复杂的现实因素,导致插件的效果其实并不很好(这和我刚开始想做的差太远了,哎哎)总之,就是和播客中提到的问题差不多。

JJ Ying
2019 年 12 月 31 日

有一个 Chrome 插件做得还挺好的:https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=en-US 没仔细研究他的机制,但总体兼容性还是很可以看看看的

RandomYang
2019 年 12 月 31 日

JJ终于回复我咯,我去康康,之前好像听过。

hoythan
1 月 7 日 13:58

Anyway.FM 什么时候可以提供 DarkMode 模式切换 (- -手动斜眼

JJ Ying
1 月 7 日 14:56

付费会员是有 Dark Mode 主题(× 2)的 (- -手动斜眼不过我没有加主题跟着系统设置联动

amasun
4 月 2 日 17:45

我也在思考这个问题,从业务的角度讲,黑暗模式到底是设计师没事找事,还是世界需要它;从我的角度讲,我对它不信任到底是我食古不化,还是我的理性克制…

北极光
9 月 4 日 10:52

去你丫的 Dark Mode,说出来好爽,黑夜给了我黑色的眼睛,我却用它寻找光明

支持的 Markdown 格式
**加粗**加粗
[链接](https://anyway.fm)链接
* 无序列表无序列表
1. 有序列表有序列表
__下划线__下划线
~~删除线~~删除线
`CODE`CODE

订阅我台