网页设计怎样选择合适的配色方案

操作方法

  • 01

    颜色是种看起来相当简单,却非常难处理好的东西。而且,由于它是任何设计中极度视觉化、焦点化的部分(它确实是),当它没处理好时会如此引人注意。如果你的设计中这么重要的部分给人感觉不好,或者没有很好的表现你的公司、服务或品牌,那么它就能让停留访问的用户消失不见。 正因为如此,选择配色方案时,你需要非常清楚颜色在你设计中可以造成的影响——好的与坏的。 本篇教程就教大家,网页设计怎样选择合适的配色方案。

  • 02

    选择适当的配色方案 首先,我们来看看如何为你的项目选择一个适当的配色方案。 这里你需要全局考虑,什么配色方案适合你的品牌、公司或者行业。 这个非常有趣,不仅让我们一睹世界顶尖品牌与企业的用色倾向,还让我们洞悉具体行业中,哪些颜色效果更好,或使用更广泛。从信息图表中可以看出,所有能为你所用的主色都适用于各种不同行业,这些可能适用的颜色都能解读出常用的含义,之前有文章讨论过。我所喜爱的方式,是为项目创建思维导图来探索我能想到的各种不同色调和创意,并且上网寻找这类符合品牌战略的信息。然后,把这些思维导图的创意转换为颜色的含义来确定哪个最符合,这可以帮助你找到哪种配色最适合这个项目或品牌。

  • 03

    我该用多少种颜色 有时候,这个问题真的只是个人喜好问题。不管怎样,这个问题在Column Five Media的信息图表中不值一提,因为百强品牌中,只有5%选择在配色方案中使用两种以上的颜色。注:近年来,印刷品的预算比在线曝光更重要,品牌印刷品中使用的颜色数量确实值得慎重考虑。 即便如此,用多少种颜色随你感觉就好,在一些情况下,你可以用颜色来在网页的不同区块中制造差异化。在这种情况下,你可能会有4、5种不同颜色加入到配色方案中,使网页每部分协调。尽管最终选择权在你,我还是会建议你在主要配色方案中使用至少两到三种颜色,这其中不包含文字或背景的明暗中性色。比起用单色配上渐变和阴影,使用两到三种颜色的配色方案,能够给你机会尝试在各个区块间创造更丰富的对比。

  • 04

    从照片中选择配色方案 你是否观察过一张照片,并思考它的颜色表现多么奇妙和惊人?有时候,这些漂亮颜色可以被转换成可用的配色方案,并为你所用。从照片中提取一套非常棒的配色方案,只需要稍加训练和充足的耐心,如果你和我一样是个完美主义者,那么你会花相当一段时间微调颜色,直到它们刚刚好为止。

  • 05

    选择你的照片 选择一张好照片上手的关键,是多样化而且最好能让你震撼。无论你的图片比较复古或单色系(即整张图片都贯穿着相近的色调和色彩),或者更加鲜活色彩丰富,你总能在其中某处找到有用的配色方案。一旦你有了一张或几张照片,假如你立马就想试着创造几种配色方案,那么用你最喜欢的图像处理软件打开它,然后开始疯狂吧。我在Photoshop中有个自己爱用的模板(包含几个小矩形)作为切入点,来放置我所选择颜色。

(0)

相关推荐

  • 为用户界面选择合适的配色方案:浅色还是深色?

    我们的日常生活总是会面临无数的选择,尤其是在职业生涯中,我们必须考虑到很多的反对和挑战,更好的设计解决方案不仅是基于建议,而且是以事实.和知识为基础的.今天我们要讨论的是UI设计师在工作中经常会遇到的 ...

  • 修改Excel2010界面配色方案

    Excel2010提供了三种配色方案以适应不同的操作系统主题,其中,默认的蓝色方案适用于Windows XP系统的默认主题(蓝天白云),黑色方案适用于Windows Vista系统的默认主题(黑色), ...

  • 设置Word2007窗口的配色方案改变Word窗口颜色

    Word2007窗口有三种配色方案可供用户选择,分别是蓝色.银波荡漾和黑色.用户可以根据实际需要设置自己喜欢的配色方案,操作步骤如下所述: 步骤/方法 01 第1步,打开Word2007文档窗口,依次 ...

  • 写给初学者的6条网页设计安全配色指南

    网页设计中最基本的原则之一是,不管你花多长时间创造一个华丽的设计,其最终的角色都是这场秀中真正的明星--内容的衬托 我仍然清楚地记得我最早的一次美术课,那时我还是一个小小的.对凡事都充满渴望的孩子,我 ...

  • 还在为黑白网页设计犯难?12款设计帮你轻松解决!!!

    网页设计,色彩已成为设计师们提升页面视觉效果和吸引力的重要手段.而且,现今,随着互联网技术的日益发展进步,色彩的巧妙应用,也不再仅仅停留于能够给人以强烈视觉冲击的五彩斑斓.事实上,结合设计师的大胆创意 ...

  • 超简约网页设计之美

    小编:@学UI网翻译社-卡农带来的简约网页设计之美. 这些年网页设计师已经看到了许多设计趋势兴起与消失.但是很少有设计趋势会被认为是一直很盛行的,那些通常给下一个流行趋势留下小小的影响. 极简主义风格 ...

  • PowerPoint自建模板自定义配色方案

    不知道大家注意过没有,在PowerPoint中的“配色方案”其实是一种特殊的模板,如果你想将某个配色方案应用于多个幻灯片,可以按住Ctrl键选中“幻灯片”窗口中的多个幻灯片,然后单击“幻灯片设计”任务 ...

  • PPT动画教程:配色方案

    今天我们用动画的形式介绍在Powepoint演示文稿中设置配色方案和背景颜色的方法和技巧。 如果对当前的配色方案不满意,可以选择其内置的配色方案来进行调整,并可以修改其背景颜色。 1、执行“视图→任务 ...

  • ppt配色方案

      ppt配色方案 首先选择[幻灯片放映]点击其中的动画方案, 再选择其中[配色方案]选择最下边的[编辑配色方案] 设置ppt配色方案的步骤图1 弹出下图窗口,可选中如[背景]再点击更改颜色,或者双击 ...