<
>
您的位置:站长之家首页 > 建站 > 经验 > 正文

超实用!写给零基础新手的配色指南

2017-04-17 09:26 来源:优设网 编辑:cherlee【纠错人评论

A-A+

1. 浅色调调和

这张图想表达的是冬日的风景,冬天清澈,干净的印象使我选择了浅色调调和,同时利用了明度的变化来表现层次感。

△ 浅色调调和

2. 深色调调和

利用低明度,中高纯度的颜色调和而成的夜晚景象。画面表现出安静,祥和的气氛。

△ 深色调调和

3. 柔和(明亮)调和

虽然使用了多种色彩,但是由于控制好了色调的波动,使画面的色彩依旧在一个相对和谐的区域内。

△ 明亮色调调和

四、“知道了理论方法,关于实践这件事”

这一个章节,我讲讲述一些我自己平时使用的配色方法和工具。希望能对读者您的日常工作提供一些简单的帮助。

1. Adobe color CC

它的原名更为著名,也就是Kuler ,不知道什么时候开始改了名字,不过功能没有发生太大的变化。这是一个由设计师分享配色方案的一个平台,已经保存了成千上万的预制配色方案。在photoshop上自带了一个插件,你可以直接调用上面的色彩方案,并且非常方便的应用到你的设计稿中去。

2. ColorHexa

我经常使用这个网站用于,我只确定了一个主色的情况下,它能帮助我扩展这个色彩,搭配出数种方案,甚至还有色盲修正方案。如果你只能确定一个必须使用的颜色,选择这个工具或许能获得一些灵感。

3. Color Scheme Designer

这是一个在线的配色工具,相比于Adobe color ,它拥有详细的色彩修改方法,和简单的颜色演示工具。国内有个旧版本的汉化版,不过还是建议去官网使用最新的。

4. 有趣的日本传统色

这个网站专门列举了 250 种日本传统色,且拥有了不错的动画过度效果。如果你对日式的色彩感兴趣,这里或许能得道一些灵感。

五、城里面的配色套路

懂得那么多道理,依然配不好颜色(捂脸)。如果你实在是对配色苦手,没办法得心应手的获取想到的色彩,那么或许,是时候借助一下巧妙的办法了。

1. 从写真中获取色彩

你总能看到一些非常美丽的图片,当然你的手机里或许也有一些,那么何不从中吸取一些颜色用到你的设计中去呢?色彩收集是一个伟大的灵感源泉,你可以快速在通过自己的素材库或者互联网渠道,去寻找你想要的色彩,提高你的设计效率。

2. 手动保存的颜色(渐变色)

如果你实在没办法从色环中提取出你想要的颜色,那么在日常的阅图过程中,收集优秀的配色方案,吸取并保存这也是一个很讨巧的方法。如果你每天都能保存 2 份色彩方案,或者仅仅是两个渐变色,一个月后,你就能导出一份《我最喜欢的渐变色选集》

3. 正确的颜色设计步骤

一个正确的设计步骤必须从开始的时候就选择正确的道路,为了避免“页面做完之后总觉得哪里不对”的情况出现,我们需要在每一个步骤都提前为设计做好准备。

设计开始时的问题:

  • 你要制作的是一个什么样的内容?
  • 你想要传达什么样的情感?
  • 颜色在这个内容中的作用和定位。
  • 你设计的对象是谁,或者说,你为谁设计?

这将很大程度的帮助你去选择一个合适的设计,颜色设计有时很难确定这个就是正确的颜色,或者你调出来的这个颜色就是最合适的,所以这时候你就的在产品目标,用户群图,使用场景等等做出筛选分析。从而确定颜色选择。

设计进行时的方法

  • 我们通常把一个作品(这里指移动端或者web端页面设计,当然插画其实也是适用的)的颜色拆分为几个部分分别进行色彩的选择。背景色、主色调、辅助色、高亮色(提醒色)
  • 在正确的地方使用正确的颜色,想必在这个时候,你应该有了一个大致的颜色方案,那么注意不要犯一些常见的错误。比如在正确与错误的选项上使用了错误的色彩,就像是在通行过道上使用了红色背景的指示牌。

结语:

其实我本身也对于配色也相当的苦手,像大多数人一样,在色彩上根本没有什么称得上的特长,写完这篇文章,反而对自己的配色能力更加担心了。希望大家能在文章中得到一些收获。共同进步,顺颂 商祺。

注:相关网站建设技巧阅读请移步到建站教程频道。

  • 0
  • 0
  • 收藏

看过本文的人还看过