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