深色系网页设计需注意哪些要点?

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

常看见别人的深色系作品炫酷的不得了,自身去尝试却发现整个页面依旧沉闷压郁,于是我翻山越岭,采集资料;终于领悟了哪里不足,以下是我对一些资料的总结。

shenshex

虽然说更多的用户更青睐亮色调的网页设计,因为亮色调使整个页面看起来爽朗;其实,深色调的网站同样能造出简洁、富有创造力的效果;得看设计师们如何利用技巧打破深色背景带来的沉重感。

1、适当的运用文字与背景的对比度

深色的背景,给用户强大视觉冲击力,文字与底色的对比度成了重中之重;若文字的对比度过高,容易造成眼睛的疲劳,从而影响用户阅读;若对比度多低,则会导致文字不够清晰,让用户难于识别信息,增加了用户浏览信息的困难;所以在使用深色背景的情况下,想要满足整个页面的协调感,必须找到底色和文字对比度的平衡点。同时文字与文字之间的间距要适合。

广州网页设计-深色系1

2、合适的辅助色

从色彩心理学来说,深色系给人沉闷、压郁、神秘的心理,。俗话说‘给生活加点料,生活才不会平淡枯燥’。正如在深色系的网站设计中,正确的选择合适的辅助色,可以瞬间打破整个页面的沉闷感。由于深色系具有极强的视觉冲击力,所以在选择辅助色的时候尽量使用简洁的色彩。比如可以同系颜色,运用其他色彩搭配,要注意其对比度和明暗度,切不可把整个页面搞得花哨。

广州网页设计

3、适当的留白

在网页设计中出处都在讲究留白,;留白在任何艺术品中都充当着不可厚非的作用;在深色背景设计中,显得尤为重要;深色背景本来就给人一种沉闷压郁的感觉,如若任是往网页塞满元素,回使的整个整个页面透不过气来,不仅给人死气沉沉的感觉,还把页面搞得不伦不类,所以适当的留白同样能够有效的打破深色背景的沉闷感。留白更能起到引导用户浏览的作用,让用户更容易抓取到主要内容阅读。

广州网页设计

4、适当的使用光影效果

在深色背景下,给元素增加适当的光影能给整个页面带来炫酷的效果;光影就好比黑暗中的一道光;底色与淡淡的光影形成强烈的对比,能给好的凸现主题,能更好的吸引用户的注意力,给页面增加生机。

广州网页设计-深色系4

深底色并不是每一类行业网站都能驾驭的住;由于深色具有很强的视觉冲击力,且常给人沉闷、神秘、压郁的感觉,所以对于辅助色和字体对比度的运用要慎重。

 

本文由 @阿繆 原创发布于人人都是产品经理 ,未经许可,禁止转载。

您的赞赏,是对我创作的最大鼓励。

评论( 0

登录后参与评论
加载中