2020 网页设计流行趋势分析

　　从iOS全面拥抱深色模式，强制微信更新开始，让这种视觉设计手法开始快速地扩散，流行。2020网页设计一定是以深色或白色为主。深色模式具备功能性——让信息更加聚焦，但是随着它流行开来，深色模式开始成为i一种用户需求——用户想要它，而当设计师开始大规模设计这样的作品，应用到产品当中，它自然而然就成为了一种流行的视觉美学。

 

　　深色模式作为2020网页设计的主流设计趋势之一，早已上升到系统级别的设计了（iOS、materialdesign），另外还有一些主流的APP也跟随系统进行了深色模式的设计

 

　　如何设计一个好用的暗色模式？作为用户又应该如何使用它呢？让网页也拥有暗色模式？

 

　　在网页设计之初你可以先设定一个最基础的深色，并且使用这个色调去贯穿整体深色模式的设计。尽量使用深灰色而非纯黑色，因为在深灰色上使用浅色文本的对比相对来说较弱些，可以减轻眼睛阅读的疲劳度。

 

　　从以下案例来看，「000000」（纯黑色）会显得颜色过深浅色文字过亮；「111111」和「222222」则适中；「333333」相对来说相对较亮，虽然文字阅读并无问题，但需要考虑往上叠加后整体设计是否偏灰。

 

　　通过层级叠加的颜色变化。为你的界面层级设计一个合理的透明度叠加变化规则，例如以底层为基准，往上每一层都叠加2%的透明度变化。如下：底层叠加0%，导航层叠加3%，内容层叠加6%，弹出类浮层叠加9%，操作反馈层叠加12%。以上是一个举例，实际则需要根据你的设计需要进行设定。

 

　　优化深色下的亮色对比程度

 

　　深色的背景下，文本或图标的饱和度或亮度过高会产生强对比，容易造成视觉疲劳，因此从白色切换到深色模式下的设计需要进行适当的调整，通过降低饱和度或明度来达到视觉和谐的程度。