知识分享

网站设计配色基础:色彩设计方法-色调调和而形成的配色方式

发表日期:2019-11-11 16:50:15 文章编辑: 浏览次数:84

网站设计有主导色调配色这是由同一色调构成的统一性配色。深色调和暗色调等类似色调搭配也可以形成同样的配色效果。即使出现多种色相,只要保持色调一致,画面也能呈现整体统一性。

根据色彩的情感,不同的调子会给人不同的感受
2.1-1清澈的色调
2.1-2阴暗的色调
2.1-3明亮色调
2.1-4深暗色调
2.1-5雅白色调
...


2.1-1 清澈色调

6370908781812500009983260.jpeg

SHOTFOLIO的案例
清澈调子使页面非常和谐,即使是不同色相形同色调的配色能让页面保持较高的协调度。蓝色另页面产生安静冰冷的气氛,茶色让我们想起大地泥土的厚实,给页面增加了稳定踏实感觉,同时暖和蓝色的冰冷。
观点:互补的色相搭配在一起,通过统一色调的手法,可以缓和色彩之间的对比效果。

2.1-2 阴暗色调
6370908781906250005595935.jpeg

概念应用的案例
阴暗的色调渲染场景氛围,通过不同色相的色彩变化丰富信息分类,降低色彩饱和度使各色块协调并融入场景,白色和明亮的青绿色作为信息载体呈现。
观点:多色彩经过统一色调处理,区域间非常协调,也不影响整体页面阴暗气氛表现。

2.1-3 明亮色调
6370908781981250003966805.jpeg

Kids plus的案例
明亮的颜色活泼清晰,热闹的气氛和醒目的卡通形像叙述着一场庆典,但铺满高纯度的色彩,过于刺激,不适宜长时间游览。
观点:饱和度与纯度特性明显的搭配,在达到视觉冲击力的同时,可适当采用对比色或降低明度等方法调和视觉表现。

2.1-4 深暗色调
6370908782020312506381486.jpeg

LEES FERRY的案例
页面以深暗偏灰色调为主,不同的色彩搭配,像在叙述着不同的故事,白色文字的排版,整个页面显得厚重精致,小区域微渐变增加版面质感。
观点:以低暗色调构成整体画面氛围,小面积明亮部分不会影响整体感觉。

2.1-5 雅白色调

6370908781812500009983260.jpeg

Very的案例
柔和的调子使页面显得明快温暖,就算色彩很多也不会造成视觉负重。页面的同色调搭配,颜色作为不同模块的信息分类,不抢主体的重点,还能衬托不同类型载体的内容信息。
观点:同色调不同色彩的模块,就算承载着不同的信息内容也能表现很和谐。

2.2 同色调配色


这是由同一或类似色调中的色相变化构成的配色类型,与主导色调配色中的属于同类技法。区别在于色调分布平均,没有过深或过浅的模块,色调范围更为严格。

161209 6

tumblr的案例:www.tumblr.com

在实际的设计运用中,常会用些更综合的手法,例如整体有主导色调,小范围布局会采用同色调搭配。拿tumblr的发布模块来说,虽然页面有自己的主色调,但小模块使用同色调不同色彩的功能按钮,结合色相变化和图形表达不同的功能点,众多的按钮放在一起,由于同色调原因模块非常稳定统一。
观点:综合运用的情况,整体介面是有主导色调,在布局例如重点图标等是同色调配色灵活运用。

2.3 同色深浅搭配


这是由同一色相的色调差构成的配色类型,属于单一色彩配色的一种。与主导色调配色中的同色系配色属于同类技法。从理论上来讲,在同一色相下的色调不存在色相差异,而是通过不同的色调阶层搭配形成,可以理解为色调配色的一种。

6370908782265625001965147.jpeg

Genrecolours的案例
拿紫色介面来说,利用同一色相通过色调深浅对比,营造页面空间层次。虽然色彩深浅搭配合理,但有些难以区分主次,由于是同一色相搭配,颜色的特性决定着心理感受。
观点:同色深浅配色有着极高的统一性,但有点枯燥。

由于对比色相互对比构成的配色,可以分为互补色或相反色搭配构成的色相对比效果,由白色、黑色等明度差异构成的明度对比效果,以及由纯度差异构成的纯度对比效果。

原文:http://mux.alimama.com/posts/1392


标签: 网站建设
将文章分享到..
相关新闻
全新新闻
随机新闻
最新网站设计案例

博天大业集团

生物科技公司 网站设计 网站开发

5A 级基金会

5A级基金会 爱佑慈善基金会 网站建设

维度点室内设计

室内设计公司网站建设 建站项目

O管家 - 一站式企业管家服务平台

一站式企业管家服务平台网站制作

英国国家创新创业教育中心(中国)

necc-英国国家创新创业教育中心网站建设项目

E知网

知识产权门户网站建设 E知网

牙医匠(牙齿行业门户)

一站式口腔服务O2O平台 网站建设

冠舟医美

医疗美容设备研发、生产的国家级的高新技术企业

拼图留学

为中国家庭提供海外教育系列产品与服务

人教社

人教教材中心有限责任公司教材中心

华夏视听环球传媒

电影电视剧制作发行为一体的国际传媒公司

国际教育科技集团

新同文国际教育科技集团

悦宝园

美国本土权威早教机构_中国实力影响力教育品牌

中金智汇

新一代智能化商业应用软件提供商

新奥集团-新奥财务有限责任公司

新奥集团成员单位提供财务管理服务的非银行金融机构

北京大学-北京北大新世纪集团

北京大学旗下教育集团 网站建设 网站制作

国家文物局-水下文化遗产

中国水下文化遗产保护中心 网站建设

企业管家服务平台-哦管家

“楼宇统一通信”,服务于100余个高端商业写字楼项目