如何简单设计一个吸引人的网页横幅(3)

采用补色：

在这个例子中，一张半抽象的图片传达出 D&T 建筑设计公司的风格，如果我们按上面的那个例子来选择颜色，那蓝 / 灰的颜色会对 LOGO 产生过于抑制的影响，所以我们使用一种反色。

 
点击上图看大图

补色形成强烈的对比效果：整张图片都是由冷色构成，而对于一间年轻的建筑设计公司来说，蓝色不能传达它那种冲劲及活力。解决办法：我们用蓝色的反色或补色来安排 LOGO 区域。我们首先在色轮上确定蓝色的位置，然后选择与其相对的另一种颜色（见上方色轮）。互为补色的两种颜色并不拥有同一种基色（不象其它颜色关系，比如，绿色及橙色，这两种颜色都有黄色在里面），这就是为什么互为补色的两种颜色能够形成非常强烈的对比。在上方这个色轮中，紫色与黄色具有最高的色度对比。

与 LOGO 配合：

Fairweather Downs 的标志已经有五十年的使用历史了，在这么长的岁月中，这个标志几乎没有改变过。这就是经典！在这种情况下，我们的设计重点应该是考虑标志而不是图片。

 
点击上图看大图

绿色及米色均属二次色（ secondary colors ，指三原色中任两色混合而成的中间色——译注） ，其中一种是冷色，一种是暧色。

我们借用 LOGO 原来的一些特征——双线框及圆角等元素，可以让我们轻易设计其它的一些元素，而且使整个横幅都同样显得经典味十足。由于这个 LOGO 是我们最看重的元素，图片相对来说则较为次要。留意 LOGO 中， Fairweather 与 Downs 这两种字体的风格相去甚远：手写体 / 罗马体，尺寸小 / 尺寸大，小写字母 / 大写字母，而线条的粗细则很相似，两者结合，形成一种具有手工感的漂亮气息。

在 Indesign 软件中，要创作这些圆角边框可以很容易做到：

1. 画一个矩形，然后将线条尺寸调整你希望的大小，这里我们是用 2pt ；
2. 打开线条（ Stroke ） ＞ 类型（ Type ）的下拉菜单中，我们选择了一种“ Thin-Thin ”的双幼细线条类型，然后将这条单线转换成两线，
3. 打开对象 (Objict) ＞转角效果（ Corner Effects ）对话框，选择反转圆（ Inverse Round ），并确定一个线条尺寸（我们选择的是 9pt ），然后按 OK ，一个双线圆角的元素就完成了。

本文所用颜色数值如下：