网站制作专家!做网站首选宁波甬派科技
如何制作网站的博客

2020 网页设计流行趋势分析

  从iOS全面拥抱深色模式,强制微信更新开始,让这种视觉设计手法开始快速地扩散,流行。2020网页设计一定是以深色或白色为主。深色模式具备功能性——让信息更加聚焦,但是随着它流行开来,深色模式开始成为i一种用户需求——用户想要它,而当设计师开始大规模设计这样的作品,应用到产品当中,它自然而然就成为了一种流行的视觉美学。
 
  深色模式作为2020网页设计的主流设计趋势之一,早已上升到系统级别的设计了(iOS、materialdesign),另外还有一些主流的APP也跟随系统进行了深色模式的设计
 
  如何设计一个好用的暗色模式?作为用户又应该如何使用它呢?让网页也拥有暗色模式?
 
  在网页设计之初你可以先设定一个最基础的深色,并且使用这个色调去贯穿整体深色模式的设计。尽量使用深灰色而非纯黑色,因为在深灰色上使用浅色文本的对比相对来说较弱些,可以减轻眼睛阅读的疲劳度。
 
  从以下案例来看,「000000」(纯黑色)会显得颜色过深浅色文字过亮;「111111」和「222222」则适中;「333333」相对来说相对较亮,虽然文字阅读并无问题,但需要考虑往上叠加后整体设计是否偏灰。
 
  通过层级叠加的颜色变化。为你的界面层级设计一个合理的透明度叠加变化规则,例如以底层为基准,往上每一层都叠加2%的透明度变化。如下:底层叠加0%,导航层叠加3%,内容层叠加6%,弹出类浮层叠加9%,操作反馈层叠加12%。以上是一个举例,实际则需要根据你的设计需要进行设定。
 
  优化深色下的亮色对比程度
 
  深色的背景下,文本或图标的饱和度或亮度过高会产生强对比,容易造成视觉疲劳,因此从白色切换到深色模式下的设计需要进行适当的调整,通过降低饱和度或明度来达到视觉和谐的程度。
 

2020 网页设计流行趋势分析
本文章网址:

宁波甬派网络专注于企业网站建设、网站制作、高端网站设计,做网站首选宁波甬派!

版权申明:本站部分文章来自互联网,如有侵权,请联系小编微信285559800,我们收到后立即删除 谢谢!
上一篇:企业SEO推广为什么会被忽略呢?
下一篇:[转]CSS之文本两端对齐