1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

网页设计单色配色技巧

本帖由 阿繆 于 2017-11-01 发布。版面名称:软文发布区

  1. 阿繆

    阿繆 New Member

    注册:
    2016-05-31
    帖子:
    25
    赞:
    0
    配色几乎是所有设计分支当中都绕不开的问题。通常我们所看到的配色都是由2~ 3 种主要的色彩构成,单色配色并不是设计师的首选配色方案。但是单色配色方案在很多设计项目当中,都呈现出了极具表现力的一面。结合许多新的趋势和新的技术,优秀的单色配色并不一定弱于多色配色。
    由于绝大多数的设计项目都倾向于使用多色调配色方案,这使得单色配色在诸多不同的设计当中,更容易脱颖而出。
    [​IMG]

    选择基础色
    单色配色的设计最难的地方,其实也就是挑选色彩这个事情。诚然,设计师不需要进行多色调搭配筛选,但是直接决定整个设计的色彩,挑选起来其实更加艰难。
    一般而言,不同的色彩有着不同的气质,传递出不同的情绪,你可以从这方面着手。
    红色:爱,激情
    蓝色:和谐,信任
    绿色:希望,自然
    黄色:乐趣,能量
    粉色:浪漫,女性化
    紫色:神秘,幻想
    仔细想想你设计对象的品牌形象和产品定位,什么样的色彩会比较合适?
    确定色彩的色相之后,接下来你需要考虑色彩的明暗和饱和度。你需要营造柔和的感觉还是明亮的效果?调整这些属性,让主色调更贴合你的设计目标。
    [​IMG]

    学会调整明暗和饱和度
    单色配色并不是指只有一种颜色,而是只有一种色相。我们在色环上常见的色彩,默认情况下饱和度和亮度都是100%。确定色相之后,你可以通过调整明暗和饱和度,来创造一套和而不同的配色方案。通常,我们会使用Tint(色彩)、Tone(色调,饱和度)和Shade(色度)这三个属性,来对色相下的颜色进行界定,以及调整。
    Tint:用选定的颜色和白色混合产生的颜色
    Tone:用选定的颜色和不同程度的灰色混合产生不同饱和度的颜色
    Shade:用选定的颜色和不同程度的黑色混合产生不同色度的颜色
    所以,确定了颜色之后,通过调整色彩、色调和色度,你能获得一个色相下不同的颜色,创造出有层次的配色方案。
    当然,你所创造的这套配色方案内不同的颜色之间,要有足够的对比度,让用户能够识别出来。
    你可以让不同的元素的色彩,在整个设计中保持色相相同明暗次第变化,构成一个阶梯型的色阶。
    实际上,许多有趣的单色配色效果,在印刷品上面表现得颇为不俗。很大程度上,是因为它不仅能够呈现颜色,而且能够借助不同的工艺,实现不同的质感。
    原文:http://www.ewpv.com/news_text.asp?ID=1259