For investors
股价:
5.36 美元 %
认识达内从这里开始
认真做教育 专心促就业
我们在进行网页设计的时候，除了进行一些必要的图片文字排版以外，颜色的使用对于用户体验来说也是非常重要的一个设计环节。今天，我们就一起来了解一下，在进行网页设计的时候，都是有哪些颜色是可以使用的。希望通过对本文的阅读，大家在进行网页设计上能够合理的使用颜色搭配来提高用户体验度。
首先，我们先来了解一下，在网页中的颜色都分别承担了哪些角色。
主色
主色是指在配色中处于支配地位的色彩。在配色前，主色是最先确定的颜色，例如，当我们想要设计一个珠宝展示的页面，这个页面所需要什么色彩时，我们决定采用紫色，而紫色就是主色。主色的确定看起来并不困难，因为一开始被确定下主色只是定出一个宏观方向，并没有细化成具体的色调。主色的选择也非常自由，因为并没有完全正确的“公式”，每种颜色都有它的特性和优劣，没有最好的颜色或最差的颜色。
最终确定对主色色调的选择则需要感性的参与，你希望你的网站看上去“沉稳典雅”还是“清新明快”?这些不同的感受都来自色调的制约平衡。
一般情况下，主色是配色中使用面积最多的色彩。用于主要的组件、组件的背景、大面积色块等。
页面中的主色是清爽的蓝色。尽管背景也运用了大面积的白色，但是黑白灰属于无彩色，无彩色并不参与到配色过程中。红色是作为衬托色而出现的：
衬托色
衬托色是主色以外，为了衬托主色而出现的另一种色彩。衬托色通常为主色的互补色或对比色。衬托色所使用的面积可大可小，只要达到衬托的目的即可。
黄色是主色，蓝色衬托色。蓝黄两色互为对比色：
衬托色也可用在面积较大的地方，和主色平分秋色，彼此呼应。
页面的主色为橙色，而衬托色为浅色粉，这两种色彩为邻近色，彼此饱和度上有非常明显的对比，也能很好的衬托出主色，为页面的氛围增加温度：
一组配色中一定会有一个主色，而衬托色并非必不可少。是否采用衬托色，取决于你的配色计划。通常单一的色彩会比较单调，而利用衬托色来强化主色的丰富变化是解决这一问题的方案之一。
背景色
背景色经常表现为无彩色(黑、白、灰)或者低饱和度的色彩。背景色主要是作为背景而存在，它最好不要以非常强烈的姿态出现。背景色并非具有某种功能，它是一个页面的基础底色。
页面的背景色为蓝绿色到蓝紫色的渐变色，因此配图时就应该考虑与背景色的搭配协调：
黑色作为背景色时，浅米色作为主色，主色和背景色之间的相得益彰，这时的背景色也可看作衬托色：
强调色
强调色是在主色以外起强调作用的色彩，可以说它是非常重要的视觉焦点。它本身具有一种独立性，因此在配色上要形成与主色的强烈对比。它可以是主色的对比色、互补色等，使其能跳脱于主色的色彩。
页面的主色为蓝色，红色则作为强调色，在进入另一个页面时，红色又作为了主色，而紫色作为了强调色：
强调色所用的面积比较小，只要在焦点领域运用上强调色，其本身就有着聚焦的作用。有时候强调色还扮演着衬托色的角色。
好了，关于网页设计中的颜色占比问题我们今天就介绍到这里了，下期我们就给大家仔细分析和讲解一下关于不同颜色的具体搭配方法。
< 上一篇：交互设计师与美工的重要性区别
下一篇：单色系与双色系在进行网页设计的时候都有什么不同点 >
2017-09-11
免费试听课程
- 全部课程
- IT课程
- 设计课程
- 运营课程
4578
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 哈尔滨
- 济南
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 长沙
- 昆明
- 太原
- 无锡
- 石家庄
- 南宁
- 佛山
- 珠海
- 宁波
- 保定
- 呼和浩特
- 洛阳
- 烟台
- 运城
- 潍坊
- 开课名称
- 开班时间
- 抢座
- 咨询
- 开课名称
- 开班时间
- 抢座
- 咨询
-
- Java全链路开发
- 11月27日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 11月27日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 11月27日
- 火热抢座中
- 立即咨询
- 人工智能工程师
- 11月27日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 11月27日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 11月27日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 11月27日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 11月27日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 11月27日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 11月27日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 11月27日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 11月27日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 11月27日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 11月27日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 11月27日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 11月27日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 11月27日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 11月27日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 11月27日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 11月27日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 11月27日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 11月27日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 11月27日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 11月27日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 11月27日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 11月27日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 11月27日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 11月27日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 11月27日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 11月27日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 11月27日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 11月27日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 11月27日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 11月27日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 11月27日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 11月27日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 11月27日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 11月27日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 11月27日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 11月27日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 11月27日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 11月27日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 11月27日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 11月27日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 11月27日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 11月27日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 11月27日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 11月27日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 11月27日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 11月27日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 11月27日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 11月27日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 11月27日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 11月27日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 11月27日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 11月27日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 11月27日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 11月27日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 11月27日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 11月27日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 11月27日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 11月27日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 11月27日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 11月27日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 11月27日
- 火热抢座中
- 立即咨询
预约申请试听课
开设课程
开课城市
友情链接
Copyright © 2024 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号达内时代科技集团有限公司 版权所有
注：学员信息+企业信息均来自达内教育内部CRM系统真实统计，非宣传使用。
课程适用人群：成人
400-996-5531
lihm@tedu.cn
