关于网站建设的一些重要原则总结（三）

　　主体及背景关系

　　网站建设的这个原则非常强大，非常重要，你应该尽早掌握它。在你的设计上，你应该经常问自己一个简单的问题:哪些元素在背景中，哪些在前景中?
 

　　在下图例子中，您可以看到，内容和按钮可以明显地从背景中突出出来。清晰的区分对于用户的关注是非常重要的。这里的线条有点模糊，有趣的是，但仍然有非常清晰的轮廓。
 

 

　　（Cayenne website）
 

　　当我们的早期祖先忙于狩猎和采集的时候，我们通常非常重要的一点是要辨别出眼前可能的威胁或优势。将事物快速地与背景噪音区分开来似乎仍然是我们生存的一部分。想象一只老虎隐藏在丛林中相对于在地平线上的雨滴哪个更明显。从神经学上讲，这种视觉生存策略留下了深刻的印记我们不太可能改变这种简单的感知机制。对于数字用户来说，这可能听起来很有趣，但大多数时候都已经过时了，但是知道了这一点，就可以更容易地决定如何为用户强调重要的信息，以及如何在背景中隐藏更少的相关细节。
 

　　下图中，有一个非常突出的背景图像吸收了很多的注意力，它很有用，它以个人联系的形式传达情感。不过，采取行动的按钮被巧妙地放置，它的颜色把它带到了前台。
 

 

　　（Zappka website）
 

　　另一个问题可能是，我们的眼睛和大脑在同时处理大量信息时并不是特别快，这就导致我们优先考虑我们需要关注的事情。理解这一点将有助于您更有效地放置网站建设设计难题的部分。
 

　　层级关系

　　层次结构是关于如何分配视觉重要性的;这是一种强调减少视觉混乱的兄弟。它是一个宏观的指导，告诉你什么是首先关注的，以及如何跟随视觉，潜意识的面包屑，就像在浏览你的网站内容时，告诉你一个用户可以抓住的视觉故事。将设计元素作为重要的层次，需要有效地安排。只有几部分被强烈地强调，你应该巧妙安排各部分内容，然后按照预期的方式将他们移到网站上。
 

　　就像我们之前说过的，你不希望所有的东西看起来都一样重要。如果是这样的话，你的观众将很难消化你的内容。相反，要创造出不同层次的重要性，强调你的构图的整体结构。一个一般的经验法则是:规模越大，重要性越大。一旦一个基本的层次结构通过大小和间隔来实现，你就可以为混合添加颜色，从而帮助强调某些元素。通过逆向工作，从颜色开始，你将会使你的工作变得不必要的困难，或者至少是不那么有效。
 

 

　　（The Reddit index page）
 

　　上图中Reddit索引页面的截图也许不是精心设计的最佳设计范例，尤其是在建立清晰和强大的层级结构的意义上。我认为，Reddit是其中一个案例：网站的成功和设计并没有紧密联系。我的意思是，它是凌乱的，但它不需要太多的东西来建立一个更清晰的视觉层次。
 

　　下图中，我喜欢GitHub上的探索页面如何处理排版，以创建一个微妙而清晰的层级结构。对眼睛进行扫描和跟踪是很容易的。颜色也可以用来创建视觉锚，同样适用于他们的搜索结果。
 

 

　　（The Explore page at GitHub）
 

　　颜色、形状、空白、大小和排列组合在一起，形成一个稳固的层次结构。一个清晰的网站建设层次结构可以快速地将好的和平庸的设计方案区分开来。