深色模式界面设计的6个小技巧

今天和大家分享一个比较小众的设计技巧,那就是深色模式界面设计的技巧,近期很多设计同学都已经逐渐尝试过一些深色模式来进行视觉设计了,但使用过的同学应该会发现一个问题,那就是深色模式下的界面设计要比白色的界面设计更加难以掌控,问题出在哪里呢,其实就是最为关键的深色模式界面技巧点,只要你掌握这些技巧点,你就能对整个深色模式界面设计有一个更好的把控与认识。

深色模式界面设计的6个小技巧

一、千万别使用纯黑色的背景

首先我要强调一点,深色模式绝对不等于黑色,很多同学对这一点就会产生误解,如果使用纯黑的背景色,然后上面再加一些白色的按钮或内容,用户阅读起来会感受到刺眼的感觉。所以,深色背景大部分是深灰色作为背景衬托这样可以更柔和的保证用户的阅读体验与浏览性。

深色模式界面设计的6个小技巧

二、深色模式下别使用饱和度过高的颜色

深色模式本身就是一个暗黑的颜色,在这样极其沉稳的环境下,如果你突然使用了一个饱和度过高的颜色(比如:紫色、黄色),那真是要刺眼到爆了,它就像黑暗的夜路上突然出现了一个远光,会使人极其不舒服。如果同学们不知道如何更好的调节色调的饱和度,倒是还有一个技法可以解决这个问题,那就是调整不透明度,根据不透明的降低,色彩也会变为柔和状态。

深色模式界面设计的6个小技巧

三、加对比、加对比、还是加对比

对比一词本身就是非常重要的技法,起码在设计领域是这样,适当使用一些对比性色彩,可以提高用户的视觉焦点,提升产品内容的展示目的,比如深灰色的背景下使用一个较为暖白的文字进行展示,看起来就会比较清楚。

深色模式界面设计的6个小技巧

四、深色背景不代表元素都要反白

这个是同学们经常范的错误,这是因为我们心里认为,背景如果是白色,那么其他元素就应该是彩色或者黑色的,那么正好相反的是,背景如果改为深色,那么元素也就该相反变成白色,这是非常顺理的思维逻辑,但是我们需要注意的是,往往我们的惯性思维都是不正确的。当前深色模式下的元素全部反白就是一个错误的想法,有些深色模式下的元素,其实还是沿用了深色的色调进行装饰,比如深黑的背景下,会有一个稍微浅黑一些的黑色头像背景。

深色模式界面设计的6个小技巧

五、学会使用透明度增加聚焦

透明度是一个好东西,惯用透明度能解决饱和度和明度的问题,所谓一石二鸟,所以,部分元素如果降低不透明度后,可以退到其他元素后面,使其视觉焦点让给其他元素,这是一个比较不错的手法。

深色模式界面设计的6个小技巧

六、深色模式下的阴影,你看得见么?

这个其实听起来有点意思,好像我们都不会犯这样的错误,但是往往事实却是相反的,很多同学在设计深色背景的条件下,还会画蛇添足的增加一个元素投影,可能是惯性思维吧,但这真得有点画蛇添足的意思,在深色模式下,其实元素的投影几乎起不到任何作用,如果要是非加不可,倒是可以加一些高明度和高饱和度的弥散投影,这样看起来会有一些科技感。

深色模式界面设计的6个小技巧

总结

其实深色模式在视觉上是比白色模式下好很多,但是它也不是没有弊端,目前来说,很多人并不适应真正使用时的深色模式,如果只是短时间内的使用或浏览到还可以,但是如果嫁接在阅读类、新闻类这样需要用户长时间盯着屏幕操作的环境下,就该考虑是否依然使用白色模式了。

任何设计都有一个潮流的过程,但是是否真正符合自己的当前操作,就要用心琢磨一下咯。

业界动态

产品分析报告:东南亚消费分期平台Akulaku

2021-3-9 15:53:03

业界动态

产品设计中的经济学——成本和收益

2021-3-9 16:06:27

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索