`

网页设计配色基础:色彩三属性与实例剖析

阅读更多
许多初学者对色彩的属性和原色概念模糊,容易混淆,下面我们就先从几个概念入手。今天介绍色彩的三个属性。

  颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。从心理学和视觉的角度出发,彩色具有三个属性:色相、明度、纯度(彩度)。



基本色相环  ■ 色相(Hue):
  也叫色调,指颜色的种类和名称,是指颜色的基本特征,是一种颜色区别于其他颜色的因素。色相和色彩的强弱及明暗没有关系,只是纯粹表示色彩相貌的差异。如红、黄、绿、蓝、紫等为不同的基本色相。


  ■ 明度(Value):
  也叫亮度,指颜色的深浅、明暗程度,没有色相和饱和度的区别。不同的颜色,反射的光量强弱不一,因而会产生不同程度的明暗。非色彩的黒、灰、白较能形象的表达这一特质。



  明度的递增

→ 明度网页例图:http://www.once-upon-a-forest.com

  明度分析:
  从上图网页所选取的4个主要色块的RGB数值来看,这4块色彩组合显示的RGB数值很高,接近于最高值255。RGB相互间的数值相近,由于有RG的高数值与B高数值混合,整个网页给人的感觉非常协调,柔和雅致,心情愉悦。
结论:
  RGB同时呈现相近的高数值时,相近等量的色彩相互混合,页面呈高明度灰色段,协调的柔和状态,令人遐想,对视觉刺激是缓慢的,适合长时间观看。但由于数值接近,因此色阶平稳,同时存在着不够醒目的状态。
分享到:
评论

相关推荐

    网页设计配色应用实例剖析

    网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计...

    网页设计配色应用实例分析

    三、网页设计配色实例分析 黎芳的《网页设计配色应用实例分析》可能详细探讨了各种实际案例,例如: 1. 电子商务网站:通常使用鲜明的颜色吸引购物者,如橙色或绿色的“购买”按钮以增加点击率。 2. 企业官网:...

    网页设计配色技巧和配色实例

    本篇文章将深入探讨网页设计的配色技巧,并通过具体的配色实例进行解析。 首先,我们需要理解色彩的基本理论。色彩有三大属性:色相、饱和度和明度。色相是指色彩的种类,如红色、蓝色等;饱和度是指色彩的纯度,...

    网站设计与网页配色 北京市:科学出版社 王爽,徐仕猛,张晶著 .pdf

    网页色彩设计是本书的第二个重点。这一部分系统地讲解了色彩知识、色彩原理、色彩心理学以及配色技巧,并且将这些理论知识与网站设计的实际应用相结合。通过案例分析,读者可以掌握如何在网站设计中运用色彩规律,...

    网页设计配色基础知识

    ### 网页设计配色基础知识 在网页设计过程中,色彩的选择与搭配是至关重要的一个环节。良好的色彩搭配不仅能够提升网站的整体美感,还能更好地传达信息、吸引用户注意,并激发用户的兴趣。本文将从基本的颜色理论...

    网页设计配色基础

    #### 三、色彩属性与实例剖析 色彩具有三大基本属性:色相、明度和纯度。这些属性对于创建有效的色彩方案至关重要。 ##### 3.1 色相(Hue) 色相是区分不同颜色的基本特性,如红、黄、绿等。在色相环上,我们可以...

    网页设计与配色实例分析

    其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓“功夫在诗外”,网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解...

    网页设计配色常识 (CHM)

    8. **实例分析**:通过分析成功网站的配色方案,学习和借鉴实际设计中的配色策略。 9. **色彩工具推荐**:介绍一些在线工具和软件,如Adobe Color、Coolors等,帮助设计师快速创建和测试配色方案。 10. **设计流程...

    网页设计配色基础、应用及实战

    本专题部分理论节选于本文作者黎芳(Redfall)的《网页设计与配色实例分析》一书的第二部分第五章

    网页设计配色基础--课程整理

    本课程整理了关于网页设计配色的基础知识,包括色彩理论、常用配色原则以及各种色系在实际网页设计中的应用。 首先,我们要理解色彩的基础知识。色彩由三个主要属性构成:色相、饱和度和明度。色相是指颜色的基本...

    七日掌握设计配色基础

    在"七日掌握设计配色基础"的学习过程中,每一天可能都会专注于一个或多个这样的主题,通过理论讲解、实例演示和练习,帮助学生快速提升色彩设计能力。无论你是打算从事平面设计、UI设计还是其他视觉相关领域,掌握好...

    新锐网页配色设计与案例分析_网页欣赏篇100-3

    "新锐网页配色设计与案例分析_网页欣赏篇100-3"这个主题聚焦于如何通过创新的色彩搭配提升网页设计的质量和吸引力。在网页设计中,颜色不仅用于美化页面,更是传达品牌信息、引导用户视线、建立情感联系的重要工具。...

    网页设计配色黄金方案

    #### 二、色彩三属性与实例剖析 为了更好地理解色彩在网页设计中的应用,下面我们分别介绍色相、明度和纯度这三个属性,并通过具体的例子进行说明。 ##### 色相(Hue) 色相是色彩最基本的属性,用来区分不同的...

    网页设计配色应用实例剖析——橙色系.txt

    网页设计配色应用实例剖析——橙色系.txt

    网站设计与网页配色实例

    ### 网站设计与网页配色实例 #### 一、网站设计概述 网站设计是一项综合性极强的工作,它不仅涉及到技术实现层面的问题,还包含了艺术创作和用户体验等多个方面。良好的网站设计能够提升用户访问体验,增强品牌...

    网页设计配色应用实例剖析--橙色.doc编程资料

    网页设计配色应用实例剖析--橙色.doc

Global site tag (gtag.js) - Google Analytics