k客先生视觉设计研究所

Google浏览器没有黑暗模式,设计师重新设计了一个暗黑模式

2020-04-22  本文已影响0人  k客先生视觉设计研究所

该项目始于2019年12月中旬,当时我习惯深夜学习。Google是执行大多数搜索的主要屏幕,它的亮度my激怒了我的眼睛,尽管我降低了亮度,但仍然没有太大帮助。因此,我将激怒作为我个人项目的灵感。项目目标新设计Google搜索体验,使其更好地适应弱光环境,从而减轻眼睛疲劳。从而开发出在夜间看起来很舒适的黑暗模式。对于“万事俱备”的粉丝。

深入研究设计的体验方面,了解星球上使用最多的网站如何使它如此易于使用,自成立以来已有近二十年的时间。

要发展我的视觉设计技能-从头开始创建调色板,有效地使用Figma,学习网络,图像等的印刷规则。

重新设计时要牢记的事情

忠于Google搜索体验和功能。

优先考虑要搜索的内容,这意味着使内容在视觉上保持最小-无干扰。

并开发一种在各种弱光情况下和大多数设备屏幕上都能正常工作的调色板

搜图

编辑

搜图

编辑

搜图

编辑

可以使用显示的控件来打开或关闭深色主题:

突出显示,使用图标切换按钮打开或关闭主题突出显示程度

降低,并在菜单或应用程序设置内添加切换按钮

搜图

编辑

搜图

编辑

在较高的海拔高度上,组件通过显示较浅的表面颜色来表示深度•海拔高度越高,该表面变得越浅。通过使用表面上的颜色应用半透明的覆盖层来表达该亮度。

所有深色主题颜色应显示具有足够对比度的元素,并通过WCAG的AA标准

深色主题应避免使用饱和色,因为它们不符合WCAG的可访问性标准。饱和的颜色会在深色背景上产生光学振动,从而引起眼睛疲劳。

相反,应使用不饱和的颜色作为更清晰的选择。

搜图

编辑

搜图

编辑

搜图

编辑

搜图

编辑

搜图

编辑

搜图

编辑

搜图

编辑

搜图

编辑

搜图

编辑

搜图

编辑

搜图

编辑

搜图

编辑

搜图

编辑

搜图

编辑

搜图

编辑

上一篇下一篇

猜你喜欢

热点阅读