界面设计中深色模式设计技巧分享

发布者: u-walker 发布时间: 2019-09-10 浏览 56
  界面设计中深色模式设计技巧分享。深色模式是近期比较流行的一种设计模式,可以很好地体现出产品的质感。那么,对于ui培训学校的学员来说,有哪些深色模式的设计技巧值得我们学习掌握呢?

界面设计中深色模式设计技巧分享

  一、符合色彩对比标准

  在确保深色模式的前提下,页面内容也要保持舒适和清晰度,背景颜色必须要足够深,从而反衬出页面浅色文字。根据谷歌的材料设计原则,建议文字和背景的对比比例至少保持在 15.8 : 1,当然设计师们也可以通过色彩对比工具来测试有关对比比例。

  二、避免全黑设计

  深色模式并不一定要求背景全黑或者字体全白,实际上,这种高反差也会让人看起来很难受。所以,ui界面设计一般建议在页面上主要采用深灰色,而不要采用全黑色,相比于全黑色,深灰色背景下的浅色文字反差感稍弱,可以缓解用户的眼睛疲劳。此外,在灰色背景下更容易看见阴影,所以采用深灰色,还可以更好地体现更多色彩、阴影以及立体感等内容。

  三、避免使用过度饱和色彩

  在浅色背景下,饱和色彩看起来会非常生动形象。然而,如果在深色模式下采用饱和色彩,则会让人难以识别有关元素或内容。因此,在深色模式中,主色调一定不要采用饱和色彩。建议使用浅色调,色调控制在 50 至 200 范围内,从而让页面内容在深色模式下体现更佳的可读性。推荐阅读>>>界面设计过程中需要遵循的原则

  四、体现层次

  和浅色模式的设计一样,在设计深色模式的界面时,也必须要体现出层次感,同时突出页面布局中的重要元素。在浅色模式下,一般会采用阴影来表达层次,页面元素显得更高,其阴影范围就会更广。然而,这种方式却不适用于深色模式,毕竟,很难想象在深色背景下加入阴影是什么效果。因此,最好就通过提升各层次的亮度来实现这个目的。在采用材料设计的深色模式下,海拔提升的页面及元素的颜色都是通过叠加不同透明度的白色来体现的,页面的海拔越高,相应的内容或元素就会更亮(暗示接近光源)。

  界面设计中深色模式设计技巧分享。深色模式的设计技巧还有很多种,设计师们可以去了解、学习,根据产品的实际需求,通过自己的设计方式融入进去,以便做出更受欢迎、前卫的产品。

本页网址:https://www.u-walker.com/interface/1258.html

上一篇: 图标设计流程和注意事项分享

下一篇: 在培训班学习ui效果好吗

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部