加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

关于深色主题计划的8个小能力

发布时间:2019-11-19 13:00:06 所属栏目:创业 来源:做站长
导读:深色主题成为趋势,响应计划也必要做出吻合的改变。 深色模式成为2020年的新趋势,Android推出了两种深色模式,别离叫Force Dark Mode和System Dark Mode。 跟着苹果和谷歌主题更新的宣布,苹果和谷歌都将深色主题作为UI的重要部门。很多计划师将会选择在

深色主题成为趋势,响应计划也必要做出吻合的改变。

关于深色主题计划的8个小能力

深色模式成为2020年的新趋势,Android推出了两种深色模式,别离叫Force Dark Mode和System Dark Mode。

跟着苹果和谷歌主题更新的宣布,苹果和谷歌都将深色主题作为UI的重要部门。很多计划师将会选择在他们的计划中行使这一模式,以是估量在将来会看到越来越多的深色模式。

关于深色主题计划的8个小能力

ios13已经推出深色ui模式,作为计划师,是不是给本身的产物计一律套深色系UI。深色系UI固然酷炫,可是对付深色配色方案的选择,我们不得不从多方面去思量。

本日的文章首要先容下深色主题下的8个小能力,但愿可以对你的计划有辅佐,下面我们来看看:

目次:

  1. 停止行使纯玄色
  2. 停止行使饱和色
  3. 切合无障碍颜色比拟尺度
  4. 颜色深度
  5. 应承亮色/深色主题切换
  6. 图片地区低比拟度灰色的行使
  7. 笔墨的不透明度
  8. 停止行使阴影

一、停止行使纯玄色

深色主题不必是纯玄色配景上的纯白色文本。

现实上,这种高比拟度会看起来很疾苦,在深色主题中,用户会很难顺应这两种色彩亮度。

关于深色主题计划的8个小能力

二、停止行使饱和度

行使较浅的色调(200–50范畴内的颜色),在深色主题上具有更好的可读性。

较浅的颜色不会低落UI的视觉示意力,但可以辅佐你保持恰当的比拟度而不会引起眼睛疲惫。饱和度低的色彩能进步可读性,减罕用户视觉震动。

关于深色主题计划的8个小能力

关于深色主题计划的8个小能力

三、切合无障碍颜色比拟尺度

确保你的内容在深色主题下保持更好的可读性,深色主题配景必需足够暗才气够担保表现你的白色文本。谷

歌的计划指南中,提议文本和配景之间至少行使15.8:1的比拟度,可以行使颜色比拟器材测试比拟度。

关于深色主题计划的8个小能力

四、颜色深度

建设深色主题时,必要泛起条理布局并夸大机关中的重要元素。当元素处于较高色阶位置时辰,通过较浅的外貌颜色来泛起这种纵深上的差别。

关于深色主题计划的8个小能力

关于深色主题计划的8个小能力

五、应承亮色/深色主题切换

计划的时辰不要行使自动启用深色主题,应该让用户按照本身的需求手动去选择打开或封锁颜色模式。同时,该当留意,从亮色转换为深色主题时,不要只是简朴的替代局部暗色部门,要留意思量全局性。

关于深色主题计划的8个小能力

关于深色主题计划的8个小能力

六、图片地区低比拟度灰色的行使

差异配景模式下,颜色的视觉感觉是纷歧样的。行使低比拟度的深灰色会比玄色更好,由于其饱和度与豁亮地区形成比拟,这样能更好地泛起彩色照片。

关于深色主题计划的8个小能力

七、笔墨的不透明度

深色主题上一样平常默认字体颜色是白色,可是纯白色在深色配景上会存在视差。以是,提议最重要的内容,白色文本的不透明度配置为87%;中等重要的内容,白色文本不透明度配置为60%;被禁用的内容,白色文本不透明度配置为38%。

关于深色主题计划的8个小能力

八、停止行使阴影

默认的淡色配景主题下,我们行使阴影来表达高度,而在深色主题下则通过调解组件外貌颜色来表达高度,深色配景下阴影的行使就没故意义。

关于深色主题计划的8个小能力

最后

综上所述,信托各人对深色主题配景下配色方案有了较量全面的认知了。

无论是什么样的配色方案,都要留意界面的可读性和易读性,吻合的颜色比拟度是成立可读性和易读性的基本,而比拟度的选摘要切合无障碍颜色比拟度尺度,谷歌计划类型保举在文本内容与配景之间的比拟度到达15.8:1的比例。如各人有乐趣测试比拟度是否切合尺度,可以试试比拟度测试器材 。

但愿文章有帮到你,给你开导一些思绪。

 

原文作者:NickBabich;原文地点:https://uxplanet.org/8-tips-for-dark-theme-design-8dfc2f8f7ab6

译者:未知_Jerry;公家号:未知像素UX,专注UI、视觉、交互、产物研究。

本文素材来自互联网

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读