UI设计者必看：7个原则，看懂「深色模式」设计

2024-01-31 来源 : 综艺

深色方式在的崛起逐渐勾起，那时候只遗留下来对它大相迳庭的书评。

爱的人爱不释手，讨厌的人也咬牙切齿。

但不管如何，深色方式在已经是方向移动端和网页端的外观设计标准，履客的编辑介面也在9同年月底上线了深色方式在。

△履客操作介面

大多数人喜欢深色方式在的理由，都基于以下两点：

1. 色彩的很高对比则会变为背景，非常聚焦内容展现；

2. 新意，黄色的感官效果非常炫酷；

就让要非常很高的外观设计深色方式在UI，了解这7个准则是极其重要。

7个准则从感官到设置

1.采用低原色的色调

在深色方式在下，介面本身相当暗沉，采用鲜艳的色调则会对软件不太友好，导致写作适度极差。所以在外观设计的时候必须可能则会采用很高原调。

2.可能则会可称黄色

虽然大家对深色方式在的评语是“黑”，但其实在毫无疑问展现里面很少构成可称黄色，甚至可称黄色就不是一个好的选项。可称黄色则会减少对比，就如第1点所说，则会侵害写作适度。

在Material Design——谷歌外观设计规范，提议采用灰白色黄色的灰色（#121212）作为背景色。

3.可能则会噩梦

噩梦的作用是帮助我们看到感官层级，然后，它们在深色方式在下却是单单。就让在深色方式在下突出感官层级，必须用色调、流动性等方式创始人介面层级。

4.用色调行政机关创始人感官层级

在深色方式在下，即便非100%的黄色也无法显出噩梦效果。所以就让突出感官层级，就必须利用色调行政机关来充分利用。这和画手绘逻辑差不多，在多个纹理里面，对立面色调浓淡、亮度、流动性的更改，才是充分利用感官层级的极其重要。

5.体检对比度

深色方式在里面的对比度很非常容易被忽略，根据大多数外观设计；也，文字主次则会通过更改色调深度或者自重来展现，必要效果就是辅助内容用的色调非常灰白色，文字非常较重。

这种更改一般而言在深色方式在下则会失效，过灰白色的文字则会看不清楚，摧毁可读适度。所以，对对比度的敏感在深色方式在下也特别最主要。

6.遵循外观设计规范

洋葱和谷歌的外观设计规范里面的构成所有主要跨平台对于深色方式在的准则。根据他们的外观设计规范更改设置，尽可能外观设计内容适用当今生态系统。

其他用户详细信息Apple和Google外观设计规范：

● 深色方式在- iOS

● 深色方式在- macOS

● Google-黄色基调

7.软件为自由电源

最后这一点很最主要，把深色方式在的转让还给软件不得不。

就像一句话所说，迄今为止关于深色方式在的社会各界，边缘化严重。所以，对深色方式在设置有效率的电源方案，让软件所选是否采用。

△在履客操作介面，也可以所选浓淡

聊完外观设计准则，再给大家聊聊外观设计方法。

必须深色方式在开发的看似，举例来说都则会有一个数字化产研工作团队，外观设计仅是工作团队里面的一环。

在工作团队开发里面，对于外观设计而言最最主要的只有2点：“专业知识做事+工作团队协作”

履客DT，一款非常懂东亚外观设计的UI外观设计方法

●无缝迁移Sketch/Figma，总能继承外观设计财产。

●专业知识的矢量外观设计方法、丰沛的纹理效果，充分利用素材。

●外观设计稿件一键公布至履客协作跨平台，无需切换方法，工作团队总能评审详细信息，开发一键下载切图。

●完全免费用！不划一时长，不划一数量！

————

；也：钨掘金技术社区

作者：履客