昆明轩创科技有限公司手机网站

扫一扫,进入手机站

×
Website-knowledge
网站建设知识

专业网站建设机构-为您量身打造最适合您的网站 您现在的位置:首页 网站建设知识>网页设计中色彩的运用

网页设计中色彩的运用
作者:www.kmwzjs.cn     时间:2014-05-04 08:54:39    点击:

        一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣
从色彩研究的方向来看,色彩分为色调、饱和度、明度三方面,颜色的运用是纯色之间的关系,以及它们混合在一起的效果。我们可以从当前众多的网络应用中的实例,找到色彩运用的一些广泛的色彩关系和配色方案,通过这些色彩的关系,可以作为实际工作学习中配色的指南。

  单色:使用一种色调不同的饱和度与亮度

网页设计中色彩的运用示范图片1

  近似色:使用色盘中的邻近色调

网页设计中色彩的运用示范图片2

  互补色:使用色盘中的相反色调

网页设计中色彩的运用示范图片3

  分割互补色:使用一个色调和两个与它的补色邻近色调

网页设计中色彩的运用示范图片4

  三分色阶:使用色盘中的等距三个色调

网页设计中色彩的运用示范图片5

  双互补色:使用两个色调和它们的补色

网页设计中色彩的运用示范图片6

  近似互补色:使用两个互补色调和一个颜色相近色调

网页设计中色彩的运用示范图片7

  中间色:使用没有色度的颜色

网页设计中色彩的运用示范图片8

  突出色:在没有色调的颜色中突出一个高饱和度的色调

网页设计中色彩的运用示范图片9

  暖色:使用色盘中暖色调的颜色

网页设计中色彩的运用示范图片10

  冷色:使用色盘中冷色调的颜色

网页设计中色彩的运用示范图片11
以上内容由:昆明网站建设领导者-昆明轩创科技(www.kmwzjs.cn)搜集整理,如需转载请注明出处!
原文分享地址:该篇文章的的地址:http://www.kmwzjs.cn/News/news20140504.html
相关文章推荐