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

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

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

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

DAVID SIMON

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

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

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

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

MIKE KUS

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

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

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

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

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

ELECTRIC PULP

ELECTRIC PULP网站的logo是一个红色的，具有现代设计风格的圆形。它很容易就与下面我们看到的网页其他元素都形成了对比。请注意在导航中，颜色是如何发挥作用来指示当前页面。

网站里所有的标题都是大号、加粗的大写字体。标题和主体内容之间的对比又具有一致性。在点击进入“NOTES”的一级页面，会看到轮播按钮的背景色与整个页面的背景色相对比。

页面中的所有的大部分按钮都是红色（这是一种被常用来装饰元素的颜色），当鼠标划过去会变为蓝色。然而，在“work”页面，先进个按钮刚刚与前面所述的相反，而是蓝色按钮，当鼠标滑过会变为红色。这是否是一个失误呢？还是设计者有意为之？尽管如此，我认为这个网站的对比原则运用得十分巧妙。

LOWDI

较后一个要提及的网站是LOWDI，下图是网站的*页，请注意设计师是如何使用颜色来表达对比和一致性的。

颜色能清楚地描画出不同部分。整个颜色的搭配明快。请注意这里显示价格的那块背景色是怎样凸显出来，而与此同时也提醒了下方的产品页面。

总结：

对比和等同具有不同的功能，它们之间的关系通过相互影响的程度而发生变化。你不会单独看到它们的存在，它们总是相互依存的。改变其中一个，意味着也会改变另一个。

表现一个设计中的对比和等同是视觉沟通的先进步，是用户明确网站意图的*要步骤。

总之，对比和等同就是设计元素里的视觉信号，有所不同将会吸引我们的注意力，相似的元素又会提醒我们它们的关联性。同样布局的对比目的是为了让这一组元素与另一组元素相同，从而达到整体的和谐一致。

     以上内容由虎网科技（西安网站建设,西安网站制作）为您提供，更多精彩内容：https://www.huwz.com/

关注“虎网科技”微信公众号，快速获取互联网较新资讯

企业网站设计谨防用力过猛

    如果企业是选择模板建站或者团队定制的，很少会出现设计过度这个问题。网站之所以设计过度，主要原因在于企业对网站的定向不够明确，对网站各种元素的需求超过一般网站。还有的企业是找个人或者很便宜的设计团队进行网站建设的。这些技术都得不到保证，对企业行业和网站策划没有实际的了解，只把一些看似有用，好看又吸睛的元素或功能都设计到网站里。元素太丰富造成网站设计过度，不管呈现到客户面前还是对于搜索引擎，都没有达到...

       应该怎样选择网站主题 一。主题的时效性 一个网站的成与败关键在网站的主题，做网站还得根据自己的实际上情况来制定网站主题，网站分为长期和短期。短期网站就向我们的流行歌曲一样，大家都认同了，你这个网站的主题可能还能火一段。长期网站就向我们的民歌一样永不退化。给一个新站长的建议做网站最好还是根据自己的兴趣爱好来搞个长期的网站，这样以后在做网站和更新数据的时候，才会更加喜欢自己的网站。比如，我比较喜欢源码，我就做一个源码站，虽...

       企业网站设计圆角设计在网页界面中的运用 圆角设计在网页界面中的运用 。圆角风格的设计适用于各种类型的网站, 圆角主要的作用就是美化网页。任何网页都要根据主题的内容决定其风格与形式, 因为只有形式与内容的完美统一, 才能达到理想的宣传效果。网页的应用范围日益扩大, 几乎包括了所有的行业, 大体分为新闻机构、政府机关、科教文化、娱乐艺术、电子商务、网络中心等大类。对于不同性质的行业, 圆角设计风格的定位各有不同。 在网站设计运用圆角时, ...

       长春手机网站建设怎样得到百度搜索引擎的好感 移动互联网时代，我们发现对手手机的依赖性越来越强了，手机端的网站建设也是相当重要的。既然手机网站建设很重要，那么对于企业来说，手机端的优化也是同样重要的，那么，手机网站建设怎样得到百度搜索引擎的好感?今天 长春手机网站建设 就和大家聊聊手机网站建设获取搜索引擎好感的一些方法。 手机网站建设怎样得到百度搜索引擎的好感?虎网表示：无论是手机网站还是pc网站，结构一定要清楚。搜索引擎蜘蛛在进行网站抓...

       提高百度权重的5的方法 今天我讲的这个话题，可能是近些日子大家也比较关心的话题，而作为站长来说也是比较看重的问题，那就是百度权重这一块。我在工作的过程中经常有人会问我，到底百度BR存在不存在。至于存不存在这个问题我真的没有办法回答，因为权重它只是衡量网站好坏的一相标准，可能存在也可能不存在，而我今天谈的东西也是和权重有关系，也就是百度分配权重会偏重于那些产品，下面我们就共同分析一下： 　　第一 百度自身产品 　　每次我们...

       南山戴维特影音设备与虎网科技签署网站建设项目 戴维特选用虎网站定制型网站案例，此类网站主要是按客户要求和提供的风格案例或效果图纸来做，这种属于仿制和定制型网站，是根据功能开发的难易度来评估报价的，价格相对较高，适合于大中型企业和有个性风格、个性功能需求的客户选用。戴维特是经深圳市南山区工商局审核的有资质公司，统一社会信用代码：91440300736269M。戴维特处于深圳市南山区科技园科兴路10号汇景豪苑海怡阁15A。 　　公司是英国电声设计...