深色系网页设计需注意哪些要点?
常看见别人的深色系作品炫酷的不得了,自身去尝试却发现整个页面依旧沉闷压郁,于是我翻山越岭,采集资料;终于领悟了哪里不足,以下是我对一些资料的总结。
虽然说更多的用户更青睐亮色调的网页设计,因为亮色调使整个页面看起来爽朗;其实,深色调的网站同样能造出简洁、富有创造力的效果;得看设计师们如何利用技巧打破深色背景带来的沉重感。
1、适当的运用文字与背景的对比度
深色的背景,给用户强大视觉冲击力,文字与底色的对比度成了重中之重;若文字的对比度过高,容易造成眼睛的疲劳,从而影响用户阅读;若对比度多低,则会导致文字不够清晰,让用户难于识别信息,增加了用户浏览信息的困难;所以在使用深色背景的情况下,想要满足整个页面的协调感,必须找到底色和文字对比度的平衡点。同时文字与文字之间的间距要适合。
2、合适的辅助色
从色彩心理学来说,深色系给人沉闷、压郁、神秘的心理,。俗话说‘给生活加点料,生活才不会平淡枯燥’。正如在深色系的网站设计中,正确的选择合适的辅助色,可以瞬间打破整个页面的沉闷感。由于深色系具有极强的视觉冲击力,所以在选择辅助色的时候尽量使用简洁的色彩。比如可以同系颜色,运用其他色彩搭配,要注意其对比度和明暗度,切不可把整个页面搞得花哨。
3、适当的留白
在网页设计中出处都在讲究留白,;留白在任何艺术品中都充当着不可厚非的作用;在深色背景设计中,显得尤为重要;深色背景本来就给人一种沉闷压郁的感觉,如若任是往网页塞满元素,回使的整个整个页面透不过气来,不仅给人死气沉沉的感觉,还把页面搞得不伦不类,所以适当的留白同样能够有效的打破深色背景的沉闷感。留白更能起到引导用户浏览的作用,让用户更容易抓取到主要内容阅读。
4、适当的使用光影效果
在深色背景下,给元素增加适当的光影能给整个页面带来炫酷的效果;光影就好比黑暗中的一道光;底色与淡淡的光影形成强烈的对比,能给好的凸现主题,能更好的吸引用户的注意力,给页面增加生机。
深底色并不是每一类行业网站都能驾驭的住;由于深色具有很强的视觉冲击力,且常给人沉闷、神秘、压郁的感觉,所以对于辅助色和字体对比度的运用要慎重。
本文由 @阿繆 原创发布于人人都是产品经理 ,未经许可,禁止转载。
-
微信创始人张小龙首次公开演讲(官方无删减版)
微信创始人张小龙首次公开演讲(官方无删减版) -
如何通过APP看到产品战略层面
产品经理拿到一款产品的时候,不能只能看到表面信息,而是要能看到产品背后的信息。 -
基于用户的“真需求”创新产品
产品创新是保证企业在竞争激烈的市场上长久生存的关键,今天,我们就围绕产品创新和用户研究分享一些看法。 -
有一种交互设计研究验证叫“设计走查”
如何在最短的时间内对自己的产品做出检验,确保其在定位、设计、营销计划等多个环节,在可视范围内是正确的,需要一套比较科学、完善的方法去做出检测。 -
你为什么离不开微信?
张小龙说用完即走,你却爱不释手; 到底是什么让你离不开微信? -
移动互联时代APP的发展方向
现在我们已经走上了移动互联网时代,无论是企业还是公司,都会经过网络竞争中争取有利的优势,较为传统的产品竞争逐渐向互联网竞争转型,出现了很多数据云大数据等等 -
AI 时代产品经理的机遇和挑战
AI 时代产品经理的机遇和挑战 -
前1%与前10%的产品经理差距在哪?
前1%与前10%的产品经理差距在哪? -
你有哪些策略应对不断的需求变更?
你有哪些策略应对不断的需求变更? -
如何运营天猫【十亿俱乐部】商家页面?
如何运营天猫【十亿俱乐部】商家页面?