热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

浅谈色彩学:对比色配色

我们生活的世界中无论何时何地,都充满着各种不同的色彩。人们在接触这些色彩的时候,常常都会以为色彩是独立的:天空是蓝色的、植物是绿色的、而花朵是红色的。但色彩就像是音符一样,唯有一个个的音符才能

我们生活的世界中无论何时何地,都充满着各种不同的色彩。人们在接触这些色彩的时候,常常都会以为色彩是独立的:天空是蓝色的、植物是绿色的、而花朵是红色的。但色彩就像是音符一样,唯有一个个的音符才能共同谱出美妙的乐章。色彩亦是,实际上没有一个色彩是独立存在的、也没有哪一种颜色本身是好看的颜色或是不好看的颜色。相反地,只有当色彩成为一组颜色组成中的其中一个的时候,我们才会说这个颜色在这裡是协调或是不协调,适合或不适合。

在《浅谈色彩学:人性化的 HSB 色彩空间》中我们介绍过色彩是由三种「色相」、「明度」以及「彩度」三种属性所组成,而我们知道其中的「色相」是人在最早认识色彩的时候所理解到的属性,也就是所谓色彩的名称,例如红色、黄色、蓝色……等等,以下为由最常见的 12 色相环:

在色相环的组成中,相隔 180 度的色彩我们称之为互补色:红与绿互补,黄与紫互补而蓝色与橙色互补。

由于互补色有强烈的分离性,所以使用互补色的配色设计,可以有效加强整体配色的对比度、拉开距离感,而且能表现出特殊的视觉对比与平衡效果,使用得好能让作品令人感觉活泼、充满生命力的感受。

当然如果将色彩的条件稍微放宽一点,比如说 180 度互补色的临近色系也搭入配色考虑的话,可以形成的色彩配色就更宽广、更丰富了。

互补色,比例决定了一切!

由于互补色彩之间的对比相当强烈,因此想要适当地运用互补色,必须特别慎重考虑色彩彼此间的比例问题。因此当使用互补色配色时,必须利用大面积的一种颜色与另一个面积较小的互补色来达到平衡。如果两种色彩所佔的比例相同,那麽对比会显得过于强烈。比如说红与绿如果再画面上佔有同样面积的时候,就容易让人头晕目眩。可以选择其中之一的颜色为大面积,构成主调色,而另一颜色为小面积作为对比色。经验上会以 3:7 甚至 2:8 的比例分配原则。

日本设计师 まりっぺ 曾经针对色彩的配色提出比例原则 75%、25%与 5% 的配色比例方式 ,其中的底色为大面积使用的底色,而主色与强调色则是可以利用互补色的特性,来讲主色以及强调色皆衬托出来。

而如果使用三色配色的方式不敷使用,まりっぺ 也认为必须从现有的色彩分配中做切割的动作,以避免影响整体配色比例(更多详细内容请见作者网站 )

世界上有无限多种色彩、色彩的配色方法亦有无限多种。这边所使用的只是众多配色技巧的其中一种,有兴趣的朋友不彷日常生活中多注意一些设计作品的色彩配色、抑或是参考Colourlovers、Kuler 、Colour code等色彩相关网站,说不定能发现更多不同的色彩配色方法。

via:http://dclick.fourdesire.com/(一个专门介绍使用者介面、使用者经验、视觉设计、资讯架构和网路行为的网志)


推荐阅读
  • 本文将带你快速了解 SpringMVC 框架的基本使用方法,通过实现一个简单的 Controller 并在浏览器中访问,展示 SpringMVC 的强大与简便。 ... [详细]
  • 为什么多数程序员难以成为架构师?
    探讨80%的程序员为何难以晋升为架构师,涉及技术深度、经验积累和综合能力等方面。本文将详细解析Tomcat的配置和服务组件,帮助读者理解其内部机制。 ... [详细]
  • IOS Run loop详解
    为什么80%的码农都做不了架构师?转自http:blog.csdn.netztp800201articledetails9240913感谢作者分享Objecti ... [详细]
  • 兆芯X86 CPU架构的演进与现状(国产CPU系列)
    本文详细介绍了兆芯X86 CPU架构的发展历程,从公司成立背景到关键技术授权,再到具体芯片架构的演进,全面解析了兆芯在国产CPU领域的贡献与挑战。 ... [详细]
  • 本文将介绍如何在混合开发(Hybrid)应用中实现Native与HTML5的交互,包括基本概念、学习目标以及具体的实现步骤。 ... [详细]
  • 数字经济浪潮下企业人才需求变化,优质IT培训机构助力技能提升
    随着云计算、大数据、人工智能、区块链和5G等技术的迅猛发展,数字经济已成为推动经济增长的重要动力。据信通院数据,2020年中国数字经济占GDP比重达38.6%,整体规模突破39.2万亿元。本文探讨了企业在数字化转型中对技术人才的需求变化,并介绍了优质IT培训机构如何助力人才培养。 ... [详细]
  • 高端存储技术演进与趋势
    本文探讨了高端存储技术的发展趋势,包括松耦合架构、虚拟化、高性能、高安全性和智能化等方面。同时,分析了全闪存阵列和中端存储集群对高端存储市场的冲击,以及高端存储在不同应用场景中的发展趋势。 ... [详细]
  • 赠书活动:《Oracle DBA工作笔记》签名版
    为了回馈读者,特此举办《Oracle DBA工作笔记》签名版赠书活动。 ... [详细]
  • 本文详细探讨了 Vue Router 和 React Router DOM 之间的主要区别,以及它们在不同框架中的适用场景。 ... [详细]
  • 随着互联网的普及,网站的安全性成为用户关注的重点。本文将探讨芒果XO(www.mangoxo.com)是否存在病毒风险,并介绍常见的五种病毒类型。 ... [详细]
  • 本文详细介绍了Java代码分层的基本概念和常见分层模式,特别是MVC模式。同时探讨了不同项目需求下的分层策略,帮助读者更好地理解和应用Java分层思想。 ... [详细]
  • 敏捷开发:大型项目团队的高效持续交付策略
    在大型软件项目中,团队的有效协作变得愈发重要。近期举办的“敏捷之旅广州站——精进之旅”活动中,多位业内敏捷项目管理专家进行了公益讲座,分享了敏捷开发的应用方法和互联网项目管理的实用技巧。 ... [详细]
  • DAO(Data Access Object)模式是一种用于抽象和封装所有对数据库或其他持久化机制访问的方法,它通过提供一个统一的接口来隐藏底层数据访问的复杂性。 ... [详细]
  • 应用链时代,详解 Avalanche 与 Cosmos 的差异 ... [详细]
  • Python 数据可视化实战指南
    本文详细介绍如何使用 Python 进行数据可视化,涵盖从环境搭建到具体实例的全过程。 ... [详细]
author-avatar
小志19841126_466
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有