首页 > 网页教程 > 设计分享 > 网页设计的色彩理论与案例浅析

网页设计的色彩理论与案例浅析

时间:2012-01-27    来源:伯乐在线

无可争议的是,色彩是任何设计领域中最重要的一方面。

设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择。颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点。

一、颜色术语

你们当中很多人可能已经在学校学过一些色彩基础知识,让我们快速回顾一些术语,来更好的把握色彩和运用色彩。

色轮的主要组成

所有的色彩能在一个色轮中呈现。在这个色轮中,我们能把颜色分成3大块:原色,辅助色和第三颜色。

三原色分别是红色,蓝色和黄色。这些色彩是基础色,他们组成了色轮上的所有其他颜色。

把原色混合在一起,你就能得到辅助色,它们是橙色、绿色和紫色。

A Look into Color Theory in Web Design

二、颜色的关系

描述颜色有大量的术语,了解这些术语将有助于我们讨论的色彩和色彩的情感含义。

互补色是互补互调的色彩,它们坐落在色轮上对立的位置。这些互补色有蓝色和橙色、紫色和黄色、以及红色和绿色。

邻色是色轮上相毗邻的色彩,所以当邻色一起用时,可以是很好的搭配,但不会有明显的对比。

第三颜色是由中间色组成的,例如黄绿色和蓝绿色,即由一个原色和一个辅助色混合组成。

color circle

三、基于情感的色彩群体

一些色彩群体是和情感联系在一起的,比如温暖、冷静和中立的情感。

暖色能让人感觉到温暖,例如红色、黄色和橙色。

冷色让人联想到凉爽和寒冷,例如蓝色,绿色和紫色。

中性色,顾名思义,并不创造怎样的情感。像灰色和棕色就是中性色。

了解色彩这些方面的知识可以用帮助一个设计师在设计网页时不用文字就能表达特定含义和特定情感,并彰显优势。

相关推荐
酷站欣赏之欧美棕色调网站设计案例赏析
网页设计的文字色彩与可读性分析
30个出色的网页设计色彩搭配案例欣赏
18个国外经典优雅黑白色调的酷站欣赏
网页配色经验分享:叠柔配色技巧及图解分析
网页配色之色彩搭配技巧与色彩对用户的心理作用
色调心理效应 颜色在网页设计中的重要性分析
网页设计新趋势:撞色风(Color Blocking)风格的网站欣赏
6个步骤让你快速打造一个有设计感的网站
网页排版设计如何才能让页面文字阅读更舒适?
创造视觉冲击力的网页设计配色技巧
色彩情感对用户体验设计的影响
11个网页配色超棒的网站案例欣赏
移动应用图标配色诀窍 APP界面配色设计教程
如何巧妙运用色彩心理学来提高网站转化率
网页设计教程:让页面活跃起来的四个技巧
秒变配色高手!六条网页设计黄金配色原则
网页色彩搭配教程:三个实用方法搞定网页配色设计
10个实用方法帮你搞定网页柔和色调设计
2015年网页设计配色趋势预测
QQ空间配色变迁解密:“杀集取卵”!
网页配色教程:六条网页设计安全配色指南
网页配色教程:什么样的配色方案才有高端的感觉?
色彩搭配教程:颜色对用户究竟有哪些影响?
走心的技巧!如何为色盲用户提升网页的可用性?
网页配色设计:红色空间如何设计才好看?
网页配色设计:如何运用黄色来表达网页的光感?
网页配色设计:如何用蓝色调搭配出天空和大海的感觉?
3个使用鲜艳配色来制作WEB/APP界面的技巧分享
5个色彩进阶技巧!帮你创造更优质的网页用户体验
双色调配色、分屏式设计、空间共享式排版的网页设计趋势
视觉设计之材质绘制的色彩理论
CSS酷站网页水平条经典设计欣赏
欧美CSS酷站网页背景设计之光影特效赏析

精彩推荐

热门教程