企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

配色不好看?让腾讯设计师带你学习色彩三要素!

发布时间:2017-01-18 18:24:31

TAGS:网站设计

配色不好看?让腾讯设计师带你学习色彩三要素!.jpgqW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

作为一个刚入行的新人,你是否会常常被以下问题所困扰呢?我参照了模板,为什么终效果很别扭。为什么我的页面总是花哨?大多数时候,是因为元素间的色相,明度,纯度调和不合理所致,今天我教你如何运用基础的色彩三要素,解决这些问题!qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

注:说到色彩,我们一直在跟上潮流,比如2017年的潘通流行色,刚发布不久,就有了相关的介绍和运用方法,想不落潮流的同学,记得多关注。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

下面我从基础的色彩三要素讲起。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-1qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一、色彩三要素qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-2qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

色相即每种色彩的相貌、名称,如红、橙、黄、绿、青、蓝、紫等。色相是区分色彩的主要依据,是色彩的大特征。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-3qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

明度即色彩的明暗差别,也即深浅差别。色彩的明度差别包括两个方面:一是指某一色相的深浅变化,如藏蓝、中蓝、浅蓝都是蓝,但一种比一种浅;二是指不同色相间存在的明度差别,如六标准色中黄浅,紫深,橙和绿、红和蓝处于相近的明度之间。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-4qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

纯度即各色彩中包含的单种标准色成分的多少。纯度高的色色感强,即色度强,所以纯度亦是色彩感觉强弱的标志。不同色相所能达到的纯度是不同的,其中红色纯度高,绿色纯度相对低些,其余色相居中,同时明度也不相同。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

二、色彩的特性qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-5qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

红色给人积极、悦动、温暖的感觉。蓝色给人低静、消极的感觉。绿与紫是中性色彩刺激小,效果介于红与蓝之间。中性色彩使人产生休憩、轻松的情绪。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-6qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

人对色彩的冷暖感觉基本取决于色调。色系一般分为暖色系、冷色系、中性色系三类。色彩的冷暖效果还需要考虑其他因素。例如,暖色系色彩的饱和度越高,其温暖的特性越明显;而冷色系色彩的亮度越高,其特性越明显。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-7qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

各种色彩给人的轻重感不同,我们从色彩得到的重量感,是质感与色感的复合感觉。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-8qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果等距离的看两种颜色,可给人不同的远近感。如:黄色与蓝色以黑色为背景时,人们往往感觉黄色距离自己比蓝色近。换言之,黄色有前进性,蓝色有后退性。较底色突出的前进性的色彩称“进色”;较底色暗淡的后退色彩称“退色”。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-9qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一般而言,暖色比冷色更富有前进的特性。两色之间,亮度偏高的色彩呈前进性,饱和度偏高的色彩也呈前进性。但是色彩的前进与后退不能一概而论,色彩的前进、后退与背景色密切相关。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如在白背景前,属冷色的蓝色却给人向前扩展的感觉。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

三、色调象征意义qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-10qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

纯色调是由高纯色相组成的色调,每一个色相个性鲜明,具有挑战性、令人振奋、赏心悦目。强烈的色相对比意味着年轻、充满活力与朝气。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

中色调的刺激感仅次于高纯色调,中色调加入了白色,提高了明度。因此具有清新、明朗,像少男少女的纯真、朝气蓬勃,具有上进精神。
qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-11qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

明色调属于清色系列,其特征是加入了多量的白色,提高整体色调的明度。透明清丽、明净、轻快。暖色配色,有甜美、风雅之味道,冷色调则显清凉、舒服。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

明灰调调入大量浅灰颜色,使画面带有灰浊味。由于过多调入灰白色,色相明度提高了,形成高明度的灰调子,这是明灰调的特征。给人平静、高雅与恬静的感觉。
qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-12qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

中灰调是一组中等明度的含灰色调,色相环中所有颜色均调入中灰色,是纯度降低,色相感淡薄。中灰调带有几分暗沉与暗淡,有着朴实、含蓄、稳重的特色。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

暗灰调是色相环中所有颜色均调入暗灰色,使色相感呈低弱灰暗的灰调。就像乌云密布、阴郁暗淡,令人压抑。
qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-13qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

中暗调调入少量黑色,此色调在保持色相原有的基础上又笼罩了一层较深的调子,显得稳重老成、严谨与尊贵。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

暗色调入了大量的黑色,形成浓浓的深色调。隐约略显各色的相貌,这是暗色调的特征。表现出深沉、坚实、冷静、庄重的气质。
qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联


qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

uisdc-color-20170117-14qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

后按惯例依然给大家推荐三本好书。很高兴在现实中和刘同相遇,希望有一天能成为像他一样优秀的好青年。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

以上就是我多年以来对色彩知识积累的经验之谈,希望对正在路上的设计师有所帮助。祝大家在2017成为自己心目中的那个设计大神。qW3北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,7069,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号