注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

百鬼夜行

身是菩提树,心如明镜台,时时勤拂拭,勿使惹尘埃。

 
 
 

日志

 
 

网页设计中色彩的运用  

2015-05-11 14:14:04|  分类: UI视觉 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

网页设计中色彩的运用

一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。

从色彩研究的方向来看,色彩分为色调、饱和度、明度三方面,颜色的运用是纯色之间的关系,以及它们混合在一起的效果。我们可以从当前众多的网络应用中的实例,找到色彩运用的一些广泛的色彩关系和配色方案,通过这些色彩的关系,可以作为实际工作学习中配色的指南。

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用


  评论这张
 
阅读(71)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017