网站制作：掌握设计对比原则（二）

至成科技2015-03-14访问量（2131）评论（0）

摘要：

网页设计中等同和对比的实例

等同和对比在每个网站都可以看到，它们共存在西安网站制作中。你可以试想如果一个网站制作中没有运用到对比，我们怎么可能在相同的背景色和字型字号中，认出哪里是内容、哪里是标题？就算是一行字或一个符号的不同，也能使它们的拥有对比的样式。

下面我列举的西安网站制作中的对比和等同的实例，通过这些实例，你能更好的掌握两者的关系，有助于日后你在设计时针对等同和对比的处理。

DAVID SIMON

先进个我要提及的网站是DAVID SIMON的网站，采用了不同背景色作为对比，很好的区分了网页中不同的组成部分。深色Logo在白色背景下也显得尤为突出。

图片与背景好的对比，吸引眼球。显示文章发表时间的背景色，显示文章评论数量的背景色和大写字母以及页面菜单的背景色都和周围环境形成了对比，凸显着它们的重要性。

网站菜单中的链接都有相同的样式，会跳转到相对应的文章。这些都和其他下划线的链接不同。文章的标题和主体的字体不同，但从整个网站来看它们的对比是固定的。

主体内容中的链接很显眼，尽管设计师看起来试图让它不那么突出，以免打扰到阅读流。标题如果能再突出一点会更好，虽然现在已经有了比较清晰的对比。

MIKE KUS

MIKE KUS的网站主页主要展示mike的不同作品项目。整个页面比较空，但请注意设计师是如何突出主要焦点的。文字与背景图的颜色相互对比，而画框又与背景的纹理相对比。

注意：在这篇文章写过后，mike的网站已经改了版，你可以看下图参考。

这些图画的先进对比特点是色彩的不同，而其他信息都使用了相同的深灰。

同样的，请注意这些画是怎样被裱框起来的，这暗含着它们有着某种共性。在这里，它们都代表着项目。请注意它们的背景，都是相同的一片砖砌墙面。这很明确地表达了它们的角色。

在MIKE的“关于”页面，MIKE本人的照片占据了大半个屏幕，而这也与其他元素形成鲜明对比。左边那个蓝色的“get in touch”的按钮是页面中先进彩色的元素。你也许不会联系MIKE，但如果你仅仅因为不知道怎么联系他而没有联系他，这个按钮将发挥极大的作用。同样的，在整个网站中其他所有按钮都应是蓝色。