以访客至上的网页设计（二）

阅读过Steve Krug 所著的《Don't make me think》-访客至上的的网页设计秘笈，从中学到了不少交互设计方面的知识，在这里和你们分享。

以前写过一章，“咱们是如何使用Web”的，今天咱们来讲一下广告牌/banner设计的要点。

 

广告牌设计101法则

未扫描设计，不为阅读设计

 

若是用户们都是一览而过，那么，你须要注意如下5个重要方面，来保证他们尽量地看到了，并理解了你的网站：

l  在每一个页面创建清楚地视觉层次

l  尽可能利用习惯用法

l  把页面划分红明肯定义的区域

l  明显标示能够点击的地方

l  最大限度的下降干扰

 

创建清楚的视觉层次

让页面在瞬间明白易懂的一个好办法是确保页面上全部内容的外观—全部可视线索---清楚，并且能准确地表述页面上内容之间的关系；哪些内容相关，哪些内容是其余内容的组成部分，换句话说，每一个页面都应该有清楚地视觉层次。

一个视觉层次清楚地页面有三个特色：

l  越重要的部分越突出。

例如，组重要的标题要么字体更大，更粗，颜色更特别，旁边了有更多的空白，要么更接近页面的顶部—或者，以上几点的综合。

                       

l  逻辑上相关的部分在视觉上也相关。

例如，能够把内容相近的分红一组，放在同一个标题之下，采用相似的显示样式，或者把他们所有放在一个定义明确的区域以内。

 

l  逻辑上包含的部分在视觉上进行嵌套。

例如，一个分类标题“名著书籍”出如今某本具体书籍书名上面，在视觉上包含书籍区域，由于该书籍属于这个标题，并且书籍的标题也要横向覆盖描述这本书的元素。

 

      

对于视觉层次，没有什么特别的。例如在咱们阅读报纸的时候，会发现每张报纸都用突出、分组和嵌套的方式为读者提供关于报纸内容的有用信息。这张图片和这个新闻内容是一块儿的，由于它们位于同一个标题的覆盖范围之下。这个新闻内容最重要，由于他采用了最大的标题，最宽的栏目，并占用页面最突出的位置。

 

咱们天天都会对视觉层次进行分解—不论是在网络上仍是在报纸上，可是这种分解发生得太快了，所以咱们常常只有在不能这么作 的时候才能模模糊糊地感受到了他—也就是，当这些可视信息线索（或可视信息线索的缺少）迫使咱们思考的时候。

 

好的视觉层次经过预先处理页面，用一种咱们能快速理解的方式对页面的内容进行组织并区分优先级，从而减小了咱们的工做。

 

可是i，若是一个页面没有清楚的视觉层次，例如，全部内容看起来都同样重要，咱们会下降扫描页面的速度，寻找关键的文字和短语，而后拼凑出咱们感受重要的内容和内容的组织方。这样就增长了不少工做。

 

并且，和其余媒体同样，咱们在网站上，也但愿获得编辑的引导。没有人比网站发布者更清楚哪些内容更重要，更有价值，更流行了，一次咱们为何不帮咱们把这些内容标识出来，省得给咱们带来麻烦？

 

分解一个视觉层次上有问题的页面，例如，一个标题涵盖了不属于它的内容，就像是读一个病句同样。

 

即便咱们一般能猜出这个句子的意思，但他仍是让咱们花了点时间，迫使咱们不得不进行一些没必要要的思考。

分享连接：http://www.ncloud.hk/技术分享/web_desigin_dont-make-me-think-2/