网页设计构思加颜色搭配 第1篇
1．彩色和非彩色选用技巧
网页制作是选用彩色还是非彩色好，根据专业研究表明：
彩色的记忆效果是黑白的倍。也就是说，一般彩色页面较完全黑白页面更加吸引人。
·主要内容文本用非彩色（白色、黑色或灰色）。
·边框、背景或修饰图片用彩色。
这样页面整体不单调，同时主要内容也不会影响视觉效果。
2．非彩色搭配技巧
黑白是最基本和最简单的搭配，白字黑底，白底黑字都非常清晰明了。
灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。
3．同色搭配技巧
同色搭配是指先选定一种色彩，然后调整该色彩透明度或饱和度（就是将色彩变淡或则加深），产生新的色彩，分别应用于网页各个元素上。这样的页面看起来色彩统一，富有层次感。
4．多色搭配技巧
用相反色彩。先选定一种色彩，然后选择它的相反色，在Photoshop 中按Ctrl+Shift+I组合键可以快速制作反色。这样整个页面色彩丰富而不花俏。
用同一色系。同一色系就是在感觉比较接近的色彩，例如淡蓝、淡黄、浅绿或者土黄。确定色彩的方法为：首先在Photoshop里单击工具箱中的前景色方框，然后在打开的“拾色器”对话框中选择“颜色库”，最后在颜色列表中选择相邻颜色应用即可。
5．黑白灰的运用
黑白灰是最佳配色，可以跟任意一种色彩搭配。当为某种色彩搭配而苦恼时，不妨试用黑白灰。例如，大红的字体加配黑色的边框会感觉很亮眼。
当两种色彩搭配不协调时，可以试加入黑色，或者灰色，有时候会产生意想不到的效果。
对一些明度较高的网页，配以灰色，可以适当降低其明度。白色是网页用的最普遍的一种颜色。很多网页甚至留出大块的白色空间，作为网页的一个组成部分，这就是留白艺术。很多设计性网页较多运用留白艺术。留白，给人一个遐想的空间，让人感觉心情舒适，畅快。恰当的留白对于协调页面的均衡起到相当大的作用。
网页设计构思加颜色搭配 第2篇
这是由同一色调构成的统一性配色。深色调和暗色调等类似色调搭配也可以形成同样的配色效果。即使出现多种 色相，只要保持色调一致，画面也能呈现整体统一性。
SHOTFOLIO的案例
清澈调子使页面非常和谐，即使是不同色相形同色调的配色能让页面保持较高的协调度。蓝色另页面产生安静冰冷的气氛，茶色让我们想起大地泥 土的厚实，给页面增加了稳定踏实感觉，同时暖和蓝色的冰冷。
观点：互补的色相搭配在一起，通过统一色调的手法，可以缓和色彩之间的对比效果。
概念应用的案例
阴暗的色调渲染场景氛围 ，通过不同色相的色彩变化丰富信息分类，降低色彩饱和度使各色块协调并融入场景，白色和明亮的青绿色作为信息载体呈现。
Tips：多色彩经过统一色调处理，区域间非常协调，也不影响整体页面阴暗气氛表现。
Kids plus的案例
明亮的颜色活泼清晰，热闹的气氛和醒目的卡通形像叙述着一场庆典，但铺满高纯度的色彩，过于刺激，不适宜长时间游览。
观点：饱和度与纯度特性明显的搭配，在达到视觉冲击力的同时，可适当采用对比色或降低明度等方法调和视觉表现 。
LEES FERRY的案例
页面以深暗偏灰色调为主，不同的色彩搭配，像在叙述着不同的故事，白色文字的排版，整个页面显得厚重精致，小区域微渐变增加版面质感。
观点：以低暗色调构成整体画面氛围，小面积明亮部分不会影响整体感觉。
Very的案例
柔和的调子使页面显得明快温暖，就算色彩很多也不会造成视觉 负重。页面的同色调搭配，颜色作为不同模块的信息分类，不抢主体的重点，还能衬托不同类型载体的内容信息。
观点：同色调不同色彩的模块，就算承载着不同的信息内容也能表现很和谐。
这是由同一或 类似色调中的色相变化构成的配色类型，与主导色调配色中的属于同类技法。区别在于色调分布平均，没有过深或过浅的模块，色调范围更为严格。
Tumblr的案例
在实际的设计运用中，常会用些更综合的手法，例如整体有主导 色调，小范围布局会采用同色调搭配。拿tumblr的发布模块来说，虽然页面有自己的主色调，但小模块使用同色调不同色彩的功能按钮，结合色相变化和图形表达不同的功能点，众多的按钮放在一起，由于同色调原因模块非常稳定统一。
观点：综合运用的情况， 整体界面是有主导色调，在布局例如重点图标等是同色调配色灵活运用。
这是由同一色相的色调差构成的配色类型，属于单一色彩配色的一种。 与主导色调配色中的同色系配色属于同类技法。从理论上来讲，在 同一色相下的色调不存在色相差异，而是通过不同的色调阶层搭配形成，可以理解为色调配色的一种。
Genrecolours的案 例
拿紫色界面来说，利用同一色相通过色调深浅对比，营造页面空间层次。虽然色彩深浅搭配合理，但有些难以区分主次，由于是同一色相搭配，颜 色的特性决定着心理感受。
观点：同色深浅配色有着极高的统一性，但有点枯燥。
网页设计构思加颜色搭配 第3篇
网页美工设计中，最常用的几个颜色为蓝色、绿色、橙色，以及暗红色。
蓝为主调。蓝色多与白、橙搭配，。白底，蓝标题栏，橙色按钮或ICON做点缀;蓝天白云，沉静整洁的感觉。
绿为主调。绿色多与白、兰两色搭配。白底，绿标题栏，兰色或橙色按钮或ICON做点缀，绿白相间，雅致而有生气。
橙为主调。橙色多与白、红搭配。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀，橙色活泼热情，标准的商业色调，因此多用于商业网站的网页美工设计。
暗红为主调。暗红色显得宁重、严肃、高贵，需要配黑和灰来压制刺激的红色。黑或灰底，暗红标题栏，文字内容背景为浅灰色。