全国咨询/投诉热线:400-618-4000

web前端页面配色应该遵循什么原则

更新时间:2019年07月15日15时30分 来源:页面配色规则 浏览次数:

网站配色除了要考虑网页自身特点外,还要遵循相应的配色原则,避免盲目地使用色彩造成网页配色过于杂乱。web前端网页配色原则包括使用网页安全色和遵循配色方案,具体介绍如下

1. 使用网页安全色

网页安全色是指在不同的硬件环境、不同的操作系统、不同的浏览器中都能正常显示的颜色集合。使用网页安全色进行配色,可以避免原有的色彩失真。网页安全色是指颜色十六进制值的组合内部含有、cc、99、66、33、00,只有含有这样值的组合才是网页安全色。

需要注意的是,随着显示设备精度的提高,许多网站设计已经不再拘泥于选择安全色,它们利用其他非网页安全色展现了新颖独特的设计风格,所以我们并不需要刻意地追求使用局限在216种网页安全色范围内的颜色,而是应该更好地搭配使用安全色和非安全色。

2.遵循配色方案

1)使用同类色

同类色是指色相一致,但是饱和度和明度不同的颜色。尽管在网页设计时要避免采用单一的色彩,以免产生单调的感觉,但通过调整色彩的饱和度和明度也可以产生丰富的色彩变化,可使网页色彩避免单调。如下图的网站选用了不同明度的蓝色,不仅整体性很强,而且符合科技类公司自身的特色。

2)使用邻近色

邻近色是12色相环上间隔30°左右的颜色,色相彼此近似、冷暖性质一致。邻近色之间往往是你中有我、我中有你。例如朱红色与橘黄色,朱红色以红色为主,里面含有少量黄色;而橘黄色以黄色为主,里面含有少量红色。朱红色和橘黄色在色相上分别属于红色系和橙色系,但是二者在人眼视觉上却很接近。采用邻近色设计网页可以使网页达到和谐统一,避免色彩杂乱。

3)使用对比色

对比色是24色相环上间隔120°-180°的颜色。对比色包含色相对比、明度对比、饱和度对比等,例如黑色与白色、深色与浅色均为对比色。对比色可以突出重点、产生强烈的视觉效果。在设计时以一种颜色为主题色,对比色作为点睛色或辅助色、可以起到画龙点睛的作用。

以上传智播客为您介绍了,web前端页面配色原则,希望对您有所帮助。如果还有其他web前端相关问题,可以点击咨询按钮获得帮助。

推荐了解热门学科
python
区块链培训
软件测试培训

javaee

python

web

ui

cloud

test

c

netmarket

pm

Linux

movies

robot

uids

北京校区

    14天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    20天免费试学

    基础班入门课程限时免费

    申请试学名额

    8天免费试学

    基础班入门课程限时免费

    申请试学名额

    20天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    0天免费试学

    基础班入门课程限时免费

    申请试学名额

    12天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    10天免费试学

    基础班入门课程限时免费

    申请试学名额