美文网首页
深色系网页设计都有哪些注意事项和设计要点

深色系网页设计都有哪些注意事项和设计要点

作者: d390347c4084 | 来源:发表于2019-02-28 11:30 被阅读23次

    一般情况下,设计师在设计作品的时候大部分都是采用的暖色系以及浅色系作为网页的整体框架和背景来使用的,而今天我们就来介绍一下关于深色系的网页设计都有哪些设计要求。

    色彩感知

    从色彩心理学上来说黑色会传递出、正式、名望、权力的感觉,这也是为什么许多大品牌会围绕黑色来做视觉设计,并且使用黑白来做主要的配色方案。

    黑色

    自然界中没有完全的黑色,我们日常生活中看到黑色其实是深灰色,如果设计中使用了纯黑色,会显得不自然。因为纯黑色可以压倒一切,盖过一切其他元素。

    视觉层次

    在深色界面下更应该注重视觉层次,每个版块之间的对比要清晰明了,层次分明,否则用户会很容易在布局间迷失,造成不好的体验。

    留白

    深色界面给人沉重的感觉,拥挤的布局会加重这种感受,所以在深色界面下我们更应该使用留白,或者说是「留黑」,这样才能平衡布局,使元素更清晰的呈递,从而吸引用户注意。

    按钮状态

    按钮的点击状态,如果在浅色界面下,一般的做法是加深按钮背景。但是在深色界面下面也采用这种方式,就会发现点击状态下的按钮颜色跟背景更加接近,模糊了按钮的边界和轮廓。

    分割线

    分割线也是我们设计中常用到的元素之一,用来创建内容间的视觉分割。然而,在深色界面下如果只是简单的反转,黑底上用白线来做视觉分割,效果并不是那么理想。

    那如果我们都用黑线来做分割,这样又会觉得比较闷,不够精致。

    所以我觉得用于不同区域之间的分割,可以用黑线,同一区域之间的区分可以是比较弱的白线,这样显得画面更加细腻,而且语意明确,认知简单。

    色彩

    相比浅色界面,深色界面下色彩应该更亮,更饱和些。

    色彩倾向

    在深色背景中加入有彩色点缀,可以是品牌色或者其他颜色,这会使设计显得更加优雅、高级。

    【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!

    相关文章

      网友评论

          本文标题:深色系网页设计都有哪些注意事项和设计要点

          本文链接:https://www.haomeiwen.com/subject/rykhuqtx.html