Steve jobs:年轻人如果想在成就上弯道超车,应该去新的赛道。🏇🥊🥇
黑暗模式越来越受欢迎。大多数手机和平板电脑的界面都允许用户切换到暗色调,而不是标准的亮色调默认配色方案。对于是使用暗界面还是亮界面,大多数用户有不同的偏好。
这就是为什么越来越多的设计师在他们的项目中加入了暗模式选项。虽然这可能需要更多的工作和更多的思考,但它可以帮助为用户创建更强的联系和个性化元素。下面是关于这种设计趋势的更多信息。
【什么是黑暗模式?
黑暗模式是在设计中使用深色背景和浅色文本元素的配色方案。我们创建暗模式网站和项目已经有很长一段时间了,但是“黑暗模式”已经变得越来越重要了,因为在大多数用户界面中,toggle选项都是这么叫的。
这一趋势更侧重于同时包含这两方面的项目。虽然主要的设计有一个轻的界面-轻的背景与深色的文字元素-翻转是黑暗模式。用户可以在设备上切换亮模式和黑暗模式。
该选项完全基于用户偏好。有些用户更喜欢黑暗模式。另一些人说,在夜间使用黑暗模式可以减少眼疲劳,而且当他们试图避开同样多的光线时,这种模式的破坏性更小。
从设计的角度来看,黑暗模式似乎更时尚。每个网站都是光明的,但只有一些是黑暗的。这种联系甚至可以与生活在黑暗模式领域的一些行业和品牌联系起来,比如视频游戏服务、流媒体视频和音频(Netflix和Spotify)。
归根结底,一些用户更喜欢黑暗模式,为他们设计可以增加用户和与设计的交互。虽然暗模式不是必需的,但它是一种流行的设计技术。你不仅可以在移动设备上找到它,一些桌面网站也提供了一个选择。
【为什么要考虑黑暗模式?
黑暗模式为用户和你带来了一些好处。虽然主要的好处是用户的偏好和创建用户想要的东西,并将以他们想要的方式工作,但剩余的好处可以是更多的用户和更大的交互。
其他考虑添加暗模式设计的原因包括:
在黑暗中对使用者的眼睛更方便。人们越来越习惯于根据环境条件在暗模式和亮模式之间切换。
深色背景可以提供对视觉效果的关注,可以将注意力转移到文本元素上。
对于有视力障碍的人来说,暗模式可能是更好的选择,如果你有这样的选择,设计就更容易被接受。
暗模式可以延长电池寿命。
它只是看起来很酷,你想试试。
【11个设计黑暗模式的小技巧
如果要实现暗模式,请记住以下提示:
1、暗模式和亮模式不只是黑底白字或白底黑字。这实际上可能是太多对比。考虑不是纯黑色的黑色或深色选项。材料设计建议为#121212。深蓝色和紫色也可以用作黑暗模式的背景选择。
2、对深色背景上的颜色使用相同的概念。纯白色在某些情况下可能会太亮并导致眼睛疲劳。使用明亮但不太白的色调。
3、对于白色以外的其他颜色,请避免使用高度饱和的颜色。它们可能在深色背景上没有足够的对比度。坚持使用调色板中较浅的颜色变体。大多数设计人员为此创建了一个辅助的“深色”调色板。
4、为文本创建颜色层次。(即使是在浅色背景上,这也是一个好主意。)这个概念也源于“材料设计”,使用浅色文本层次进行注释。对于最大,最重要的文本,高度强调(白色透明度为87%);大多数主要文本(包括正文)为中等重点白色(占60%);禁用文本(38%白色)可见。
5、考虑一下元素在黑暗中的外观,并在不同的光照水平下测试设计。请记住,用户经常在黑暗环境中使用黑暗模式,这可能会影响事物在屏幕上的显示方式。
6、暗模式应带有关闭/打开开关。有些用户会喜欢,有些则不会。进行相应的计划并使用通用图标表示该功能。
7、如果您没有白色版本或颜色没有足够的对比度,则徽标在黑暗模式下可能会出现独特的情况。将徽标放在深色模式的白色容器中以解决此问题。确保创建一种看起来有意的样式,并给徽标留出一定的空间,以便在装箱的元素内变换。
8、在黑暗模式下,较小的紧凑调色板更容易管理。
9、为深色模式创建调色板时请考虑情感。它不像更改背景色并将其余部分搁置一样简单。黑暗模式天生会吸引人们不同的情绪状态。这可能会影响您在网站或应用主题的深色版本中规划颜色的方式。
10、注意主要参与者制定的准则。苹果和谷歌都有一套暗模式原理。您可以在此处找到Apple的人机界面指南,并在此处找到Google的Material Design文档。
11、不要忘记可访问性规则,并按照常见标准测试深色模式调色板。您可以在这里测试颜色。
【总结
黑暗模式的设计和实现会很有趣。一些用户非常喜欢它。有了iOS和Android的标准,这是那些不太可能很快消失的东西之一,而且使用只会继续增长,这使得它成为一个重要的设计考虑因素。
当你第一次开始玩这个设计趋势的时候,保持它的简单性,直到你对所有需要转换和测试的小事情都有了很好的掌握,当你创建一个黑暗模式时。细节决定了一切,用户一定会注意到他们是否无人看管。
网友评论