做网页设计时，不可违背的五项原则

时间：2016-01-18

在深圳网站建设公司做网页设计时，从字体设计、制图到页面版式，都会去遵循这几条通用的原则。因为这适用于网页或者印刷。。然而，在网页设计这边，很多本应该有的规则都被搞乱了，就只是跟着感觉走。这并不是说设计师在规则方面有松懈，而是大多数网络工作者都不知道要遵守这些规则——就算他们知道，也不知道怎么去用。

结合网页讲，就是以下几条：一、平衡平衡感挺难拿捏的。网页上呈现出的平衡有两种——对称和不对称。我们都很习惯了看对称的图片，就像我们小时候剪纸花，都会两边一起剪，这样打开就是对称化的。这种对称的平衡很好识别（反正都镜面反射一下），而在不对称构图里面做到平衡才难。

举两个例子:

不对称平衡

图一在多处位置展示了不对称平衡里面的一些重要原则。你看，作为主Banner的那只狗的照片——狗身上的黑色全压在画面左侧了，这时候画面右侧出现了一个X，这看似随意的灰色X，可是平衡画面的关键因素！这样一来，你的视线就会被牵扯到画面中间。除了在Banner图里面，在网页的页头中也出现了这样的设计——菜单栏的大小和颜色都相对重。那么在Subtraction的logo这条，就对应用了黑字白底，再在上面加上黑线，这样上下会相对平衡一些。

对称平衡

苹果是现代网页中实现对称平衡的**。如图二，每个元素都是在中轴线两侧排布，创造出了一个视觉上的和谐情景。二、比例对于网页元素来说，并不是看得清楚就好，或者文本多长就弄多大，它的排布跟网页的平衡视觉上强调谁有很大关系。

而到底如何去权衡这些元素的大小，跟每个元素本身的性质有很大关系，举个例子：你在浏览两栏式的网页的时候，一般会发现右边的框要比左边的框大，也放了一些关键的信息在里面。这是由人的视觉习惯决定——哪怕是文本框放在左侧，目录这些元数据放在右侧，也会不自觉的看向右边。所以说，元数据在右边占地方是不太科学的。有些人喜欢每栏一样宽度的栅格布局，就像图一那样；另外的人可能喜欢黄金分割率，也就是右边的框是左边框的1.62倍。

有些网页的设计也仅仅看重要程度来排比例的：

在这个页面上，各元素的比例控制得很好。不仅是视觉上的层次很好，意义上的层次也很好。从产品的logo开始（1），然后引导用户的行为（2），再到文字比较密集的相关介绍（3），排布都很合理。图文混排的区域，标题的权重和正文隔开，还有和左侧icon的关系都很注意。浏览这个页面的时候也会觉得整体非常协调。

不过以上这个例子有点老，网页展现很平面。

现在的网页可通过交互设计来强化网页上展现的比例。

比如这个国际广告奖D&AD的网站，在滑动内页时候，菜单栏占页面的比例会相对缩小，这样人的注意力会更集中于中间部分，更注意阅读内容。三、节奏网页上的节奏感非常重要，甚至比数据更重要。尤其那些数据量大，页面长的网页。比如这个叫Digg的网站，页面上出现了双目录，但也是遵循了节奏感方面的一些原则。

Digg首先在header部分展示出的是一个水平的导航栏，然后跳到主要内容的展示部分，每篇文章依次列开。这就给读者一种连续的感觉，会顺着往下滑。而这个小技巧也被用在了右侧的Top 10文章排列中。

我们可以用音乐来理解这个视觉上呈现出的节奏感。每个页面都需要一些视觉上的停顿，这取决于你要让读者快速浏览这些信息，还是要安插一个有意思的图片，还是引导读者按下下载的按钮。

如果所有的元素在网页上的权重都一样，那节奏也是太一致了，这样读者不会感到乏味吗（想想那些口水歌）看一下就不想再看下去了，何谈看到你想让他们看到的东西呢？

而如果页面上面变化太多，又会显得很乱。这就违反了同一性的原理（下面会讲）。较重要的是要在网页的某些部分保留一致性。

每个部分的节奏感是根据各个不同的需要决定的，就像Digg，但整体也需要通过颜色或形状呈现一致性。四、强调在设计中，再没有比圆形更有魅力的图案了，尤其是在充斥着四边形的网页设计领域。一个圆圈并不需要借助亮眼的颜色或留白，仅仅靠它的形状特点就能轻松引起用户的注意。这就是为什么你的眼睛总能被那些较近流行的标志所吸引，不过“圆形”大的魅力其实还是发挥在Logo上。

正如上图所示，A List Apart用了不止一个，而是多组“圆形”来突显出其Logo。你不仅能通过其旁边那个有着发行编码的标志(1)注意到它，也能通过右手边几个更小的标志注意到T恤促销的信息。

你还可以通过使用”留白“或”颜色“来起到强调的作用。它们可配合”图形“使用，但通常情况下你不必用全，一两个即可。三个元素的同时使用会造成一种过于夸张的吸引力，让用户很难再去注意页面其他的部分，尤其是主要内容。

Google同时放了“留白”和“颜色”两个大招刷存在感。颜色鲜艳的Google标志和周围大面积的白色区域总能即刻吸引你的眼球。Google如此设计不仅强化了其标志，还能使你的目光自然地从左到右：你的目光可以准确地找到搜索输入框，同时自然地移向右边的主搜索键。Google能够提供给用户优质的搜索结果，其中一个成功因素恰恰就是充分利用了基础视觉技术，为网页打造出较佳的易用感。五、整体感整体感是一个见仁见智的概念，一种“合而为一”的感受。没有什么元素是实在无法符合设计氛围和感觉的。

关于整体感有个重要的例子——Dave Werner的portfolio作品集。其每一页都有网站手稿、图钉和其他一些杂七杂八的玩意儿，他把这些元素结合在一起并且打造出了整体感。既没有一样元素显得过于突兀，也没有出现迥异的整体风格。

在他的Portfolio作品集中，即便有很多看上去千差外别的分散个体元素，其实也都被笔记和草图掩盖了：这甚至形成了他作品集*有的设计风格。他的作品集里不存在一个网页，你在上面看不到任何图钉（用于组合界面元素）的痕迹。

你可能还不是大牛（我也不是），但我希望你在这些例子中能吸收到一定的设计经验。这些经验既能助你做出较渴望达到的视觉效果，也能使用户的眼球遵循你的意图到达*页面。没有这些元素，即使你的设计“看上去”也不赖，你也无法再有所突破。这些原则本身都非常简单，但是作为设计师，我们必须时刻注意它们。

词条
词条说明
怎么利用SEO做软文推广
目前很多在深圳做网站优化的站长，在写文章的时候，往往因为方法不正确，导致网站不仅仅没有获得优化的效果，还遭受百度的惩罚，在互联网蓬勃发展的今天，网络信息高速传播的互联网时代，软文推广的作用举足轻重，好的软文对于朔造公司品牌**度和产品的打造起到举足轻重的作用。如何让客户从互联网了解你的公司，甚至清楚的了解你公司的产品，从而又是客户的需求，进而达到成交的目的。这些一步步都是营销框架，如何设计?如
关键词SEO优化怎么做，百度关键词SEO怎么写？
全通网络让你进入网络盈利时代，网站优化能够帮助站长们提高网页的综合指数，如果站长们的链接已经得到提升，继续保持高质量反向链接数的增加和内容的维护，站长们的左侧排名会继续保持或提高。除非后期应用了作弊的方式而受到惩罚或停止后期的维护。而竞价广告如果停止了，网站链接也就会即刻消失。**过95%的搜索引擎使用者会**考虑搜索引擎给出的常规结果，这其中绝大部分人只有在左侧无法得到满意结果时才会去浏览右侧的
怎么利用SEO做软文推广
目前很多在深圳做网站优化的站长，在写文章的时候，往往因为方法不正确，导致网站不仅仅没有获得优化的效果，还遭受百度的惩罚，在互联网蓬勃发展的今天，网络信息高速传播的互联网时代，软文推广的作用举足轻重，好的软文对于朔造公司品牌**度和产品的打造起到举足轻重的作用。如何让客户从互联网了解你的公司，甚至清楚的了解你公司的产品，从而又是客户的需求，进而达到成交的目的。这些一步步都是营销框架，如何设计?如
深圳微信营销，企业微信营销的必要性
1、传播速度快，传播范围广微博、微信是当下发展快的新媒体形式，与传统的新闻网站大的区别在于其传播速度和便捷性。从传播途径来看，微博微信能引起人们的广泛传播和欢迎，证明它满足了人们对信息获取的需求，比如思想需求、心理要求、审美或者其他方面的利益需求等。从表现手法上看，发表微信、微博的方式方法非常便捷，受到的限制较少，大大多数人都可以通过微信、微博分享身边发生的新鲜事物或者关注焦点，并抒发自我情感