网页设计中,选用深色作为背景颜色一直受到人们的争议。合理的深色系背景设计会使界面变得更加简单易用,同时还能提高产品的使用效率。相反,不恰当的深色背景,不仅会亏掉你精心的设计,甚至可能会让用户对产品产生排斥感。

AD:查派网建是一家专业制作各种网站的公司,如果您想制作高端、专业的企业网站建设,创建具有影响力的网站,那么高端网站建设网站制作公司网页设计公司查派网建将是您的不二之选。

哪些产品适合使用深色背景设计?

1.运动类

运动让人联想到速度和力量,刚好黑色就蕴含了这两种属性。在Nike Run Club的APP设计上,其记录跑步界面中使用了很chock的黑黄配色,再结合粗大和倾斜的字体,让人感受到运动的速度与**。

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图1)

2.高端品类

深色背景往往能营造一种神秘和高档典雅的感觉,这与高端品牌需要展现的精致和品质感不谋而合。

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图2)

3.艺术/视频/音乐类

艺术类和音频类产品御用深**面的用途和高端产品相似,都是为了传递产品的设计感和艺术气质,同时起到产品调性的作用,营造一种更强的氛围感和沉浸体验。

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图3)

4.工具类

若产品内容少,使用深色背景不仅不会影响用户体验,反而能让用户更聚焦于产品的功能使用。

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图4)

5.车载系统

车载类产品的UI设计多以深色背景为主,主要是基于安全性考虑,目的是避免驾驶员分散注意力、减少眩目。而且深色背景无论在明亮、阴暗以及黑暗的环境中,都能发挥它最大的作用。

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图5)

深**面适合哪些视觉风格?

1.扁平风格和简约风格

网页设计如果是以纯**块或线条为主,不需要做过多的修饰和质感处理,整体视觉干净利落,利用线条和字体大小、粗细、明暗等对比,可以避免画面过于沉闷单调。

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图6)

2.轻质感设计和炫彩设计

运用渐变色丰富视觉,通常会结合轻量投影或光感的设计,这种形式能很好地**用户视觉感官,适合需要呈现热烈气氛的场景,或表现亲和力的产品需要。

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图7)

深**面设计的注意事项:

1.背景颜色

尽量不要使用纯黑色(#000000)的背景,因为这会给人一种很「沉闷」的感觉,更不要搭配白色字体,纯黑纯白对比太强烈,会有一种眩目的感觉。可以使用微渐变的背景色,或有一定色彩倾向的深色系,这都会让人感觉更透气。

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图8)

2.文字颜色

深色底加白字容易出现视觉残影,而高对比度文本则会降低页面的阅读性。因此在深色背景中,文本的最佳选择是白色或浅灰色等浅色系,且深色背景和白色字体的对比度不要太高。

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图9)

3.文字粗细

深色背景搭配过细字体,会让整个页面内容变得更难阅读,看看下图就知道了!

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图10)

4.色彩

在深色背景的衬托下,彩色会更加突出,因此设计页面时不要随意用色,用色太多会让用户丢失焦点,同时也不要选取纯度太高的颜色,会很眩目。

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图11)

5.形状

深色本身就带有「酷」和「冷」的气质,如果再搭配尖锐、硬朗的直角型设计,会更加强化这种印象。而搭配圆角造型,则会中和掉黑色所带来的冰冷感觉,而增加产品的亲和力。

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图12)

6.图标设计

线面与可读性:使用太细的线条会降低界面的可读性,因此在深色背景下,使用面性图标会比线性图标更好识别。

阴暗与区分度:除了线面,通过调整明暗或使用彩色和无彩色进行区分,同样能起到区分的效果。

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图13)

7.层级关系

在浅**面,我们通常会使用投影方式对界面各元素间进行层级关系的手法;但背景颜色很深时,投影效果不明显,就可使用扁平化风格和卡片式风格等来表现。

哪些产品适合使用深色背景设计?深色网页设计需要注意什么(图14)

虽然深色背景设计在实操时会出现很多难以把握的地方,而且和浅**面的设计也存在很多的不一样。但我们可以通过视觉风格、色彩、大小、形状等,在保证用户体验的同时,使设计更加出彩,慢慢就会对深色背景设计有更深的体会。

AD:查派网建是一家专业制作各种网站的公司,如果您想制作高端、专业的企业网站建设,创建具有影响力的网站,那么高端网站建设网站制作公司网页设计公司查派网建将是您的不二之选。