开启安卓版谷歌浏览器的黑暗模式,并将控制按钮移到屏幕下方

通配符SSL证书支持不限子域名支持,点击进入信孚科技了解详情

黑暗模式一直都是夜猫族梦寐以求的功能。随着 AMOLED 屏幕的广泛使用,黑暗模式更能充分利用 AMOLED 的特性,减少烧屏,降低耗电,同时增强对比度。然而 Google 一直对于黑暗模式不怎么上心,直到 Android Q 的发布日期逐渐逼近,才慢吞吞的将自家 Apps 进行了适配。

Dark Mode

前篇文章介绍了倍受喜爱的 Google Photos 的黑暗模式,本次介绍的是 Google 家族顶梁柱——Google Chrome for Android 的黑暗模式。

测试环境:

  • Google Chrome for Android 75.0.3770.101
  • Android 9
  • S10+

Enable - Chrome UI - 由白变黑

开启此选项后,Chrome 会跟随系统主题模式自动切换黑暗模式。同时,你也可以手动在设置中指定黑暗模式。

复制粘贴链接至地址栏,选择 Enable 开启:chrome://flags/#enable-android-night-mode

Dark UI

一款软件如果只想在 UI 上实现黑暗模式主题,实际上并没有太大的难度。QQ 之类的常用软件早在几年前就实现了换肤功能。但对于不可控内容——比如网页,动态场景而言,要想改变由他人设计好的主题风格,则需要长时间的积累。

Enable - 网页内容 - 由白变黑

复制粘贴链接至地址栏,选择 Enable 开启:chrome://flags/#enable-android-web-contents-dark-mode

Dark Web Pages

就目前测试用例的情况来看,Chrome 显然还有很远的路要走。Chrome 会智能的将一部分网页内容反色显示,基本实现了内容与主题配色的分离,图片也采用了优化算法,很少出现负片效果。(请想象一下晚上在被窝里翻照片,发现全是底片的样子!!)

当然,内容提供者对暗黑模式的态度,直接决定了网站在 Chrome 黑色模式下的显示质量。

Enable - 调整 Chrome UX - 将导航从右上角移到底端

复制粘贴链接至地址栏,选择 Enable 开启:chrome://flags/#enable-chrome-duet

开启 Chrome Duet 后,Chrome 导航选项会被移动到屏幕底端,在导航菜单上左右滑动可以切换 Tabs。

Bottom Bar

题外话:

对于大部分用户而言,一个良好的 UX 范式是单手实现绝大部分操作,因此众多 Apps 和 H5 都会将导航放置在用户触手可及的屏幕下方。

但对于 Android 来讲,由于导航按钮的存在,加上系统级别统一导航手势的缺失,都会对底部 UX 设计带来极大的挑战。毕竟没有人喜欢双下巴,三下巴,甚至四下巴的界面存在。因此设计师为了保证 Web,iOS,Android,小程序等等界面的统一,不得不考虑更多的问题。

Material Design 一直都是梦想很美好,但现实很骨感。为了配合 Material Design,Google 才砍掉了 Chrome Home,转而使用当前的无底栏布局。虽然 Android 的三大金刚仍堪一用,但对于 Apps 内部的导航来讲,特别是对于浏览器类的 Apps 来讲,Material Design 的 UX 仍然违反直觉。到此,不难理解 Google 如此激进的推动 Android Q UX 变革的原因。

最后希望夜猫子(OLED)用户们都有一颗节能的心。(🖤~)

欢迎喜欢原生 Apps 的小伙伴与我展开讨论。也欢迎欣赏 Material Design 的小伙伴说出你的想法,并推荐 Apps 给我。更加欢迎喜欢探索 flags 开关的小伙伴分享你新的发现。

本文来源 蓝点网,由 zozovo 整理编辑,其版权均为 蓝点网 所有,文章内容系作者个人观点,不代表 蓝点网 对观点赞同或支持。如需转载,请注明文章来源。
已赞1
哇哦恭喜您已成功屏蔽了蓝点网的小广告

Google Photos 和 Fit 以及 Sounds 黑暗模式一览及开启方法

   
百度网盘不限速下载器PanDownload v2.1.0版发布 满速下载网盘文件你家的宽带可能已经支持IPv6协议要不要设置试试看如何禁止系统自动更新到Windows 10 Version 1809版[视频]生命在于折腾系列 虚拟机里玩谷歌原生版安卓系统

评论:

3 条评论,访客:3 条,站长:0 条
  1. liangpi
    liangpi发布于: 
    Chromium Edge 77.0.211.3 Chromium Edge 77.0.211.3 Windows 10 64位版 Windows 10 64位版

    那么问题来了 iOS版chrome支持13的暗黑模式么

  2. fudashuai
    fudashuai发布于: 
    Maxthon 5.2.7.5000 Maxthon 5.2.7.5000 Windows 10 64位版 Windows 10 64位版

    不习惯黑暗模式啊······

    • zozovo
      zozovo发布于: 
      Google Chrome 77.0.3833.0 Google Chrome 77.0.3833.0 Windows 10 64位版 Windows 10 64位版

      待功能正式上线的时候,Chrome 会在中主题选项提供 “随系统”,“亮色”,“暗色”三种选择。

发表评论