美文网首页
配色设计原理:ps配色-庞姿姿

配色设计原理:ps配色-庞姿姿

作者: 庞姿姿 | 来源:发表于2020-06-16 15:01 被阅读0次

今天为大家分享的是配色设计原理:ps配色。配色在设计中的作用尤为重要,掌握不好配色,再好的想法也会大打折扣。下面就是今天的主要内容-配色设计原理:ps配色。里面包含很多小技巧和理念,大家一起来看看吧。

那么我们如何知道哪些配色好看,哪些不好看呢?要知道这个,我们先来学习学习色彩理论。不局限与艺术家和设计师,任何人都应该了解一点色彩理论,因为它可以帮助你在许多不同的条件下正确使用色彩。无论是设计抑或是平常的衣着搭配。只需要了解一点色彩理论。无论是在生活还是工作上都会事半功倍。

不知道大家在学校学过主色和辅色没?红黄蓝为主色,橙绿紫为辅色。

红+黄=橙色,黄+蓝=绿色,蓝+红=紫。如果我们将这些颜色混合在一起,会得到更多色调,如红橙色和黄绿色。

所有颜色形成了所谓的色轮。

以上就是非常基础的色彩理论,接下来我们进一步了解色相、纯度与明度。刚刚学设计的你可能对这些有点陌生,但他们是理解设计理论的关键。

色相(色调)

这是最简单的,我们通常说的“颜色”就是色相。简单说,这台手机是红色的。那么红色就是他的“色调”或者“色相”。

纯度(饱和度)

饱和度是指颜色的纯度,通俗说就是这个颜色是否鲜艳,是否足够纯。纯度数值越高,画面颜色越鲜艳。反之越灰。

明度(色值)

明度与颜色的深浅有关,从黑到白,明度指数越高,画面越亮。反之则越暗。

说了这么多,那到底怎么用这些理论知识学好配色?其实配色也有公式,我相信大家可能也听说过这些方法。首先我们需要一个色轮:

1、单色

这是最简单的配色方法,因为它仅需要一个颜色。可能有同学会问:“一个颜色咋配??”你忘了我们上面说的明度和纯度的知识了吗?只需要在色轮上挑选一个颜色,调出该明度饱和度不同的状态就行。

2、相似色

相似色是使用色轮中相邻的色彩搭配,比如红色和橙色:

蓝色和绿色:

3、互补色

互补色是色轮上彼此相对的颜色,例如蓝橙:

黄绿:

这里需要注意的是,为了防止颜色过纯导致辣眼睛的情况,最好在运用互补色的时候调整一下颜色的纯度与明度。互补色配色对比效果极好。想增加作品视觉冲击不妨试试这个方法。

三元配色

三元配色在色轮上形成一个完美的等边三角形,这些颜色的组合效果可能会让你意想不到,特别是主色和辅色的搭配运用。

四元配色

字面意思,四元配色在色轮上形成一个矩形。在配色时可以选一个颜色为主色其它颜色辅助。

说了配色方法,那么在配色时有哪些注意事项呢?

1、饱和度过高

你是否有这种经验,配色非常扎(la)眼?祭出这张图哈哈哈

这时候你可以尝试选择一种颜色并且调整它的亮度、暗度或者饱和度。

这样看是不是好多了?(上为动图)

2、可读性过低

可读性是任何设计的必备要素,你的配色应该使文本清晰易读。

这两个网页哪个你愿意往下继续看?答案显而易见!使用对的颜色能够使你的信息脱颖而出!

3、颜色氛围

每种颜色给人的感觉都不同,例如,明亮的色调往往能够带来有趣或者现代感的氛围。

低饱和度的色彩搭配往往会受到商业公司的喜爱。

所以当你着手项目时应该考虑到你的设计要给观众传达什么样的感觉,然后确定项目配色。

不用害怕配色!生活中很多广告、海报、电影甚至于服装搭配,很多方法可以让你学习配色!只要记住这些色彩理论,至少做到配色不辣眼是完全没问题的!

今天的分享配色设计原理:ps配色到这里就结束了,希望对大家有所帮助,如果大家有什么问题可以随时留言评论。qq交流学习群:852470656(软件下载、教程资料、字体包、素材,都在持续更新中……)。我将不定时分享一些ps使用的小技巧,如果您想了解更多关于ps使用、平面设计、UI设计相关信息,请持续关注庞姿姿

相关文章

  • 配色设计原理:ps配色-庞姿姿

    今天为大家分享的是配色设计原理:ps配色。配色在设计中的作用尤为重要,掌握不好配色,再好的想法也会大打折扣。下面就...

  • ps波普效果教程-庞姿姿

    欢迎来到庞姿姿UI设计之Photoshop系列教学课程,今天我们来学习PS教程:ps波普效果教程。ps波普效果教程...

  • ps日落调色教程:清晨变日暮-庞姿姿

    欢迎来到庞姿姿UI设计之Photoshop系列教学课程,ps日落调色教程,清晨变日暮。本期ps日落调色教程包含PS...

  • ps文字透视教程-庞姿姿

    欢迎来到庞姿姿UI设计之Photoshop系列教学课程,今天我们来学习ps文字透视教程。ps文字透视教程包含PS基...

  • ps怎么做鸟瞰的效果图-庞姿姿

    欢迎来到庞姿姿UI设计之Photoshop系列教学课程,今天我们来学习ps怎么做鸟瞰的效果图。本PS教程包含PS基...

  • ps图片合成-庞姿姿

    今天给大家分享的是ps图片合成。会ps的小伙伴经常会恶搞一些稀奇古怪的东西,逐渐的大家把眼光放到了杂交水果上面,今...

  • ps色彩平衡-庞姿姿

    哈喽,大家好!今天为大家分享的是ps色彩平衡工具,有很多人都觉得色彩平衡工具就是手动拉几下就完事儿了,好像并没有什...

  • ps色彩平衡-庞姿姿

    今天分享的是ps色彩平衡,分别从色相、明度、纯度、色彩协调、从自然中获取配色、无色彩的应用、色彩数量协调、渐变色等...

  • ps教程头像-庞姿姿

    这篇分享的是ps教程头像,想换头像又不想用自己的照片,网图千篇一律,那可以自己动手制作专属的头像,希望这篇ps教程...

  • ps碎片化教程-庞姿姿

    ps碎片化教程来啦,今天跟大家分享一篇如何用PS打造高逼格脸部碎片分散效果图文教程。这个效果看起来很高端,其实操作...

网友评论

      本文标题:配色设计原理:ps配色-庞姿姿

      本文链接:https://www.haomeiwen.com/subject/ogfrxktx.html