网页设计中色彩的运用

0 评论 2332 浏览 0 收藏 4 分钟

 

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

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

 

 

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

 

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

 

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

 

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

 

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

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

 

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

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

 

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

 

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

 

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

 

来源:http://www.lpued.com/?p=1567

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!
专题
19458人已学习5篇文章
面对经济的周期性波动,商业产品经理要如何突破商业化瓶颈,找到职业发展新机遇?
专题
14126人已学习14篇文章
企业架构可以辅助企业完成业务及IT战略规划,还是企业信息化规划的核心,也有助于个人职业的健康长远发展。本专题的文章分享了企业架构详解。
专题
15115人已学习12篇文章
苹果发布了Vision Pro这款MR头显,而这一产品的出现,也让我们看到了更多有关空间体验设计的相关可能。本专题的文章分享了Vision Pro的设计和交互指南。
专题
37573人已学习17篇文章
如果你们有志于在运营路上深耕,并实现快速成长,你需要知道以下这些!
专题
13959人已学习12篇文章
知识管理是什么?通常来看,想理解知识管理,可以从业务、管理、实施等视角切入。本专题的文章分享了如何做知识管理。
专题
14925人已学习12篇文章
在职场中,跨部门沟通是一个非常重要的软技能,不管是要完成日常项目,还是接手新的业务,都需要有良好的跨部门沟通能力。本专题的文章分享了如何做好跨部门沟通。