以图表或模型形式表现视觉色彩与视觉的关系三要素?

综合推移是将色相、明度、纯度的推移同时运用在一个画面中,进行综合排列组合的渐变构成形式。

由于色彩三要素的同时加入,其效果要比单项推移复杂、丰富得多。

通过黄、蓝、红三种原色由外向内互推形成的自由形全色相推移。

色彩全部运用含灰色进行双色或三色的色相推移。

运用低明度的蓝紫色与白色互推,形成单色明度有机形推移构成。

运用中黄与白色、赭色与黑色分别互推完成的两组明度推移,其中,中黄与白色形成的是明度升高推移,赭色与黑色形成的是明度降低推移。

运用粉绿和该色明度相当的中性灰互推,形成一幅纯度推移构成。

运用纯色与该色明度相当的中性灰互推形成的纯度色阶构成。

综合推移构成是融合色相、明度、纯度推移多种关系共存的构成形式,在具体设计中尽量不要将三种推移形式平均分配,要做到有主有次。

以明度、色相推移为主,纯度推移为辅的综合推移构成。

以色相、明度推移为主,纯度推移为辅的综合推移构成。


一  色彩的基础知识

配色、排版、字体是视觉设计中重要的三大因素。三个因素都可以影响到视觉设计的呈现。

在设计中,色彩是整个画面中最能影响用户体验情感的元素之一,一起来体验色彩的世界。

在设计与绘画艺术中,将冷暖色分为三种色调:

1 暖色调:红色、橙色、黄色。

2 冷色调:青色、蓝色。

3 中性色调:紫色和绿色相对中性色调。

冷暖色在设计中的应注意其比例、轻重、色环的位置,最后的视觉呈现要符合人们视觉上和心理上的舒适感。

冷色会让人想到大海、冰雪等,让人产生广阔、平静、冷的感觉;暖色则会让人联想到太阳、篝火等,让人产生了温暖、热情的感觉。

传统美术色彩的三原色是:红,黄,蓝。简称 RGB,R(红Red)、G(绿Green)、B(蓝Blue)。原色的色彩纯度最高、最纯净,也最鲜艳,可以调配出绝大多数色彩,是一种加色模型。而其他颜色则不能调配出三原色。 

间色是两种原色配合成的颜色。如红和黄配合成的橙色,黄和蓝配合成的绿色,红和蓝配合成的紫色。

橙、绿、紫三种颜色又叫“三间色”。

复色用原色与间色相调或用间色与间色相调而成的"三次色"。复色是最丰富的色彩家族。复色包括了除原色和间色以外的所有颜色。因含有三原色,所以含有黑色成分,纯度低,复色种类繁多,千变万化。比如:红色和紫色混合而成紫红色,黄色和橙色混合而成得到橙黄色。

互补色/同类色/对比色

网站的特色不仅可以提供漂亮的渐变配色,而且还有更多格式选择,比如 PSD, Sketch, PNG 以及可直接复制成一段 CSS 渐变代码,设计师们就可以很方便的使用这个配色方案。

上传一张你最喜欢的图片,然后根据这张图片自动生成一套色板,非常具有实用性。

三  近两年来的流行色欣赏:

权威趋势预测机构WGSN发布了2020年春夏流行色。

万物复苏的春日,枝繁叶茂的夏季,如果要用一个颜色来形容这两个季节,那么一定是绿色。

绿色代表着自然,清新,朝气,蓬勃。

绿色是生命的颜色。而绿色大家族中的薄荷绿尤以小清新定位,个性独特,辨识度极高。

在移动端 UI 界面设计中,绿色在移动端产品设计的应用上。

近日,潘通发布了19年的流行色-乐观和愉悦珊瑚橘

Pantone 选出了这款极具生命力的 Living Coral —— 「活力珊瑚橘」 作为2019年的潘通年度流行色。

PANTONE 16-1546 活珊瑚,还代表了现代生活的融合,是自然环境中出现的一种滋养色,同时也在社交媒体中的生动呈现。

潘通色彩研究中心的执行董事 Leatrice Eiseman 在声明当中提到:「 色彩是一个平衡的镜头,透过它我们体验自然与数码的实境,活珊瑚橘色尤其如此。消费者渴望人际互动与社交关系,欢乐的活珊瑚橘呈现出人性化、振奋人心的特质,打动人们的心弦。」

在移动端 UI 的界面设计中,橙色也是一种超级饱和、充满活力的选择,可以在任何社交媒体上流行——因为橙色是在自然界中发现的一种美丽的色彩。

Ant Design 色彩体系 解读成两个层面:系统级色彩体系和产品级色彩体系。

系统级色彩体系主要定义了蚂蚁中台设计中的基础色板、中性色板和数据可视化色板。

产品级色彩体系则是在具体设计过程中,基于系统色彩进一步定义符合产品调性以及功能诉求的颜色。

Ant Design 系统级色彩体系同样源于「自然」的设计价值观。设计师通过对自然场景的抽象捕捉,结合蚂蚁的技术基因,形成了特有的 12 色。进一步又通过大量的观察,捕捉不同色彩在自然光下的变化规律,借助美术中素描的思路,对 12 个颜色进行了衍生。在中性色板的定义上,则是平衡了可读性、美感以及可用性得出来的。

Ant Design 的基础色板共计 120 个颜色,包含 12 个主色以及衍生色。这些颜色基本可以满足中后台设计中对于颜色的需求。

Ant Design 的色板还具备进一步拓展的能力。经过设计师和程序员的精心调制,结合了色彩自然变化的规律,我们得出了一套色彩生成工具,当有进一步色彩设计需求时,设计者只需按照一定规则,定义好主色,便可以自动获得一系列完整的衍生色。

中性色包含了黑、白、灰。在蚂蚁中后台的网页设计中被大量使用到,合理地选择中性色能够令页面信息具备良好的主次关系,助力阅读体验。Ant Design 的中性色板一共包含了从白到黑的 13 个颜色。

品牌色是体现产品特性和传播理念最直观的视觉元素之一。在色彩选取时,需要先明确品牌色在界面中的使用场景及范围。在基础色板中选择主色,我们建议选择色板从浅至深的第六个颜色作为主色。 Ant Design 的品牌色取自基础色板的蓝色,应用场景包括:关键行动点,操作状态、重要信息高亮,图形化等场景。

功能色代表了明确的信息以及状态,比如成功、出错、失败、提醒、链接等。

功能色的选取需要遵守用户对色彩的基本认知。

我们建议在一套产品体系下,功能色尽量保持一致。Ant Design 的功能色板如图:

Ant Design 的中性色主要被大量的应用在界面的文字部分,此外背景、边框、分割线、等场景中也非常常见。产品中性色的定义需要考虑深色背景以及浅色背景的差异,同时结合 WCAG 2.0 标准。

Ant Design 的中性色在落地的时候是按照透明度的方式实现的,具体色板如图:

企业级产品设计中的色彩应用

色彩在使用时更多的是基于信息传递、操作引导和交互反馈等目的。理性的选择颜色是关键。

企业级产品设计体系,创造高效愉悦的工作体验。

我要回帖

更多关于 色彩与视觉的关系 的文章

 

随机推荐