from:http://www.cyhd.net/theory/2008/1117/article_1054.html

在这一篇中将介绍色彩搭配原则和方法！
一、色彩搭配原则
    在选择网页色彩时，除了考虑网站本身的特点外还要遵循一定的艺术规律，从而设计出精美的网页。
1.色彩的鲜明性：
    如果一个网站的色彩鲜明，很容易引人注意，会给浏览者耳目一新的感觉。
2.色彩的独特性：
    要有与众不同色彩，网页的用色必须要有自己独特的风格，这样才能给人浏览者留下深刻的印象。
3.色彩的艺术性：
    网站设计是一种艺术活动，因此必须遵循艺术规律。按照内容决定形式的原则，在考虑网站本身特点的同时，大胆进行艺术创新，设计出既符合网站要求，又具有一定艺术特色的网站。
4.色彩搭配的合理性：
    色彩要根据主题来确定，不同的主题选用不同的色彩。例如，用蓝色体现科技型网站的专业，用粉红色体现女性的柔情等。
二、网页色彩搭配方法
    网页配色很重要，网页颜色搭配的是否合理会直接影响到访问者的情绪。好的色彩搭配会给访问者带来很强的视觉冲击力，不恰当的色彩搭配则会让访问者浮躁不安。
1.同种色彩搭配：
    同种色彩搭配是指首先选定一种色彩，然后调整其透明度和饱和度，将色彩变淡或加深，而产生新的色彩，这样的页面看起来色彩统一，具有层次感。
2.邻近色彩搭配：
    邻近色是指在色环上相邻的颜色，如绿色和蓝色、红色和黄色即互为邻近色。采用邻近色搭配可以里是网页避免色彩杂乱，易于达到页面和谐统一的效果。
3.对比色彩搭配：
    一般来说，色彩的三原色（红、黄、蓝）最能体现色彩间的差异。色彩的强烈对比具有视觉诱惑力，能够起到几种实现的作用。对比色可以突出重点，产生强烈的视觉效果。通过合理使用对比色，能够使网站特色鲜明、重点突出。在设计时，通常以一种颜色为主色调，其对比色作为点缀，以起到画龙点睛的作用。
4.暖色色彩搭配：
    暖色色彩搭配是指使用红色橙色黄色集合色等色彩的搭配。这种色调的运用可为网页营造出稳性、和谐和热情的氛围。
5.冷色色彩搭配：
    冷色色彩搭配是指使用绿色、蓝色及紫色等色彩的搭配，这种色彩搭配可为网页营造出宁静、清凉和高雅的氛围。冷色点色彩与白色搭配一般会获得较好的视觉效果。
6.有主色的混合色彩搭配：
    有主色的混合色彩搭配是指以一种颜色作为主要颜色，同色辅以其他色彩混合搭配，形成缤纷而不杂乱的搭配效果。
7.文字与网页的背景色对比要突出：
    文字内容的颜色与网页的背景色对比要突出，底色深，文字的颜色就应浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。
在这一篇中将介绍色彩搭配原则和方法！
一、色彩搭配原则
    在选择网页色彩时，除了考虑网站本身的特点外还要遵循一定的艺术规律，从而设计出精美的网页。
1.色彩的鲜明性：
    如果一个网站的色彩鲜明，很容易引人注意，会给浏览者耳目一新的感觉。
2.色彩的独特性：
    要有与众不同色彩，网页的用色必须要有自己独特的风格，这样才能给人浏览者留下深刻的印象。
3.色彩的艺术性：
    网站设计是一种艺术活动，因此必须遵循艺术规律。按照内容决定形式的原则，在考虑网站本身特点的同时，大胆进行艺术创新，设计出既符合网站要求，又具有一定艺术特色的网站。
4.色彩搭配的合理性：
    色彩要根据主题来确定，不同的主题选用不同的色彩。例如，用蓝色体现科技型网站的专业，用粉红色体现女性的柔情等。
二、网页色彩搭配方法
    网页配色很重要，网页颜色搭配的是否合理会直接影响到访问者的情绪。好的色彩搭配会给访问者带来很强的视觉冲击力，不恰当的色彩搭配则会让访问者浮躁不安。
1.同种色彩搭配：
    同种色彩搭配是指首先选定一种色彩，然后调整其透明度和饱和度，将色彩变淡或加深，而产生新的色彩，这样的页面看起来色彩统一，具有层次感。
2.邻近色彩搭配：
    邻近色是指在色环上相邻的颜色，如绿色和蓝色、红色和黄色即互为邻近色。采用邻近色搭配可以里是网页避免色彩杂乱，易于达到页面和谐统一的效果。
3.对比色彩搭配：
    一般来说，色彩的三原色（红、黄、蓝）最能体现色彩间的差异。色彩的强烈对比具有视觉诱惑力，能够起到几种实现的作用。对比色可以突出重点，产生强烈的视觉效果。通过合理使用对比色，能够使网站特色鲜明、重点突出。在设计时，通常以一种颜色为主色调，其对比色作为点缀，以起到画龙点睛的作用。
4.暖色色彩搭配：
    暖色色彩搭配是指使用红色橙色黄色集合色等色彩的搭配。这种色调的运用可为网页营造出稳性、和谐和热情的氛围。
5.冷色色彩搭配：
    冷色色彩搭配是指使用绿色、蓝色及紫色等色彩的搭配，这种色彩搭配可为网页营造出宁静、清凉和高雅的氛围。冷色点色彩与白色搭配一般会获得较好的视觉效果。
6.有主色的混合色彩搭配：
    有主色的混合色彩搭配是指以一种颜色作为主要颜色，同色辅以其他色彩混合搭配，形成缤纷而不杂乱的搭配效果。
7.文字与网页的背景色对比要突出：
    文字内容的颜色与网页的背景色对比要突出，底色深，文字的颜色就应浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。

网页设计中色彩搭配原则及方法相关推荐

  1. ps在html中的应用程序,Photoshop在网页设计中的应用与方法

    现在已经进入数字化信息时代,随着网络的飞速发展,人们的生活逐渐迈向了新时代,无法想象,哪天没有了网络会怎样,呵呵,开个玩笑了,网络只会一天比一天精进,所以网络知识的普及是必须的! 1.图像局部截取和图 ...

  2. Photoshop在网页设计中的应用与方法

    1.图像局部截取和图像尺寸调整 做网页设计时经常要用到的某张图像一部分,这就需要截取图像的局部.图像局部截取的方法很多,但使用Photoshop操作起来更方便.具体操作步骤如下: (1)在Photos ...

  3. 微谈网页设计颜色搭配原则与方法

    颜色原理 色相:      指的是色彩的名称.这是色彩最基本的特征,是一种色彩区别于另一种色彩的最主要的因素.       比如说紫色,绿色,黄色等等都代表了不同的色相.同一色相的色彩,调整一下亮度, ...

  4. 转: 网页设计中的一些色彩搭配技巧

    在网页设计中色彩搭配是一件很重要的事情,要是色彩搭配好了,能让整个网站看起来清新悦目,眼前一 亮的感觉.要是色彩搭配混乱,会让人看着很吃力或者整个网站没有亮点.不吸引人.下面我说说自己在 网页设计中积 ...

  5. 网页设计框架布局代码_网页设计中的分屏切割布局法

    今天和大家聊的是一种关于网页设计中的视觉呈现方法,一般我们称之为"分屏布局",是一种常见的网页设计排版方式,将页面分割为均等或者不均等的两部分,这种方式的好处就是可以将文字信息和图 ...

  6. html怎么边调试边显示出来,网页设计中CSS布局调试的十个有效的方法

    网页设计中CSS布局调试的十个有效的方法 在网站设计中CSS布局是很重要的局部.下面小编给大家分享的是学习网页设计中CSS布局调试的十个有效的方法 ,在这里详细的介绍了学习网页设计中CSS布局调试的十 ...

  7. 如何在网页设计中正确应用色彩？

    以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 如何在网页设计中正确应用色彩? 在网页设计中正确应用色彩从来都不是一件容易的事情!当网页上的产品介绍.推 ...

  8. 网页设计中的背景流行趋势是什么？

    网页设计领域发展的非常快,每年的网站设计风格会不断的发生变化,有的设计风格过一段时间就消失了,有的设计风格会被设计师多次的去运用,最后成为了设计趋势.正确的背景风格可以为整个网站确定基调.那么,网页设 ...

  9. 浅谈网页设计中的构图

    网页给人最直观的感受就是它的页面框架与构造,就像一座大楼的主体框架与形态,你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外 墙,但我想你一定记得起它们的什么样的形状.同样,网页设计中的构 ...

最新文章

  1. java开发中遇到的问题及解决方法（持续更新）
  2. 【Scratch】青少年蓝桥杯_每日一题_1.9_小猫旅行
  3. 【PAT乙级】1027 打印沙漏 (20 分)
  4. webflux系列--reactor功能
  5. Rusty String
  6. linux idea 权限,Linux下idea由于缺少相关权限导致的tomcat ERROR
  7. python标准库使用教程_Python标准库概览
  8. 3D打印机的操作细节
  9. openstack-o版-启动实例
  10. 红黑树（Red Black Tree）
  11. python2.7使用教程_使用模块 - 廖雪峰 Python 2.7 中文教程
  12. UCOS操作系统——创建与删除任务（三）
  13. 全国主要省会城市和地区手机离线地图数据文件下载地址
  14. 15讲项目实战内页展示区收尾
  15. 快搜-谷歌-网址记录
  16. Vivado与Matlab版本匹配表
  17. 毕业三年 /****************************转载**************HUST机械学长****************************/
  18. MCMC(二)：MCMC采样和M-H采样
  19. CRM销售系统价格 CRM销售管理系统需要多少钱
  20. SQL Server 索引基础知识(8)--- 数据基本格式补充(转自蝈蝈俊.net)

热门文章

  1. 注意营养，这可能是目前最好的离线下载方式
  2. 年薪80万+年终奖汽车|显扬科技招聘三维机器视觉研发总监、高级三维算法工程师...
  3. 如何使用jQuery和CSS创建万花筒
  4. 全国流域水系数据大全（附下载地址）
  5. PlasticSCM版本控制系统的基本使用教程
  6. ieee access投稿过程
  7. matlab运行函数的过程,关于matlab的一些作业一、要求写出窗口运行过程及结果1．利用Matlab求函数f(x)=-x2+ex+lnx的导数、...
  8. MySQL 集群（三）：MySQL + Mycat 实现读写分离，主备切换集群
  9. HPUNIX环境常用查看硬件设备信息命令小结
  10. 项目启动bug记录：出现报错：Failed to configure a DataSource: ‘url‘ attribute is not specified and no embedd