恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
给动态设计师的最最最基本颜色理论
0.0°
2016-06-17 自译外文 经验/观点 原作者: Michael Jones 举报 2789 31 20 1

简介

动态设计首要就是一种视觉媒介。我们使用视觉去传达,获取灵感以及引导。理解这些设计原理的核心是知道如何去组织这些视觉元素以及将它们有效传达。接下来,让我们仅仅聚焦在基础的色彩理论。

Image title

色彩是光的产物。先锋科学家 Sir Issac Newton(牛顿)通过使用菱镜去将白光分解成七种单独的颜色,揭示了光是如何组成的。他将这些颜色划分在一个车轮上,这就是现代色环的前身。Image title

色彩理论包含了数以百计的定义、概念和设计应用,这些理论加起来甚至可以出好几本百科全书。然而,这里有三个基本类别的色彩理论是有逻辑性且有用的:

色环(The color wheel)

色彩调和(color harmony) 

颜色背景(color context)


原色

Image title


原色由红黄蓝组成。在传统的色彩理论中(主要应用于绘画和颜料),三原色是三种不能相互混合的颜色,其它所有颜色都是来自于这三个色调。

Image title

有了这三种原色,我们可以去创建二次色(Secondary colors):绿色、橙色、紫色。

Image title


混合原色与二次色,我们可以得到所谓的三次色(tertiary colors):橙黄色、橘红色、紫红色、紫蓝色、蓝绿色、黄绿色。


色环

Image title

我们将所有这些颜色的合成称为色环。

色环可以被分为暖色和冷色。暖色是生动且充满能量的,它倾向于在空间延展。而暖色则给人一种冷静和舒缓的感觉,它倾向于在空间中消退。


颜色背景

Image title

一种颜色会根据其周围颜色的不同以不同的形式出现在人眼中,我们称之为颜色背景。所以选择不同的颜色搭配会改变其产生的情感或认知。



色彩调和

现在我们已经有足够的色彩理论基础去让我们接触色彩调和这个概念。这就是那些可以很好地搭配的特定颜色组合,即配色方案。

Image title

让我们从最基本的配色方案开始——互补色(complementary colors)

在色环中相对的两只颜色被我们称为互补色。例如黄色和紫色是一组互补色,因为它们在色环中的位置是相对的。


接着我们快速了解其他的配色方案:

Image title


分离互补色(Split Complimentary):挑选一种颜色,之后加入其互补色在色环左右两侧中的颜色。

Image title

相似色(Analogous):色环上相邻的三种颜色。

Image title

三色调(Triadic):使用色轮上相互距离相同的三种颜色。

Image title


四色调(Square color schemes):使用色轮上相互距离相同的四种颜色。

Image title

单色调(Monochromatic color scheme):使用一种色彩和它的同色系色彩来搭配。


学习颜色基础是每个动态设计师的重要一步,这些基本概念是你开始为创作制定配色方案时所需的工具。


总结

接下来给你一个小小的考验。当你在vimeo、bechance或dribbble 观摩别人的作品时,注意一下他们是如何搭配颜色的。研究图像是如何结合冷色和暖色,观察互补色是如何相互平衡,看看你是否可以做出更进一步的配色方案。


我希望本文可以让你有信心在创作中进行配色的探索,并且能够真正地运用色彩,去为你的创作带来生命!


——————————————————————————————————————————————————————————————————————


欢迎关注MG食堂!每天一篇高质量动态设计外文翻译!

Image title



更新:2016-06-17

收藏

31人已收藏

Damon_Yuen

香港理工大学 研究助理

  • 47

    作品

  • 3907

    粉丝

  • 3

    关注

  • VR时代下设计师如何进行界面设计
  • 【超级省心攻略】如何一次过渲染30个视频
  • CCTV“量子卫星”手绘动画——制作流程大揭秘
  • 【30天AE】更新结束,附全集下载

    猜你喜欢

      2016-06-17 自译外文 经验/观点 原作者: Michael Jones 举报 2789 31 20 1

      给动态设计师的最最最基本颜色理论

      0.0°

      你确定要举报给动态设计师的最最最基本颜色理论

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年06月17日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      20
      31
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录