原文地址:WEB2.0 Design Style Guide
翻译整理:西米CC
5.不要混成一团——鲜明的版块划分
如果仔细观察2.0风格的网站,你会发现其实除了顶部,页面中的其它版块也有存在区域界定,而且很多时候它们看起来都很明显和鲜明。版块划分的形式或手法也多种多样,主要包括:
1. 通过导航进行引导;
2. 背景色或背景图;
3. 通过面积大小进行界定;
4. 标注或交叉关联 ;
合理的运用这些方法,可以让我们很容易的把页面中某些内容版块与其相邻的内容界定出来。其中最常用也最有效的方法,就是利用颜色来进行划分,当然也包括留白的运用:
在我看来,把内容放在白色的背景上是比较稳妥的方法,一方面它可以让用户阅读的时候感觉更轻松和自由,另外一方面也是因为人的眼睛对色彩的感觉是很敏感的,你无法保证页面上的色块会不会影响或削弱用户对网站内容的注意力:
6.给用户一张地图——简明的站点导航
作为网站中不可或缺的一部分,站点的导航往往会在各个页面中重复使用,所以一个优秀的导航首先必须让人容易辨认,其次各个导航项目必须容易理解,当然它们还要容易点击:
> 2.0风格的导航必须显眼、清爽;
> 导航中的链接文本必须与普通的内容文本有明显的差别;
为什么要使用清爽的导航?
用户很需要快速的判断出哪里是网站的导航,因为他们可以从导航中获取很多信息:
1. 他们在哪里(尤其是在执行某个流程的时候,比如激活注册或分步调查);
2. 他们可以跳转到哪里;
3. 有哪些关联的版块可以选择;
遵循简约的设计原则,实现清爽导航最好的途径有:
1. 把导航从内容中独立出来;
2. 为导航设计特殊的颜色、风格或外观;
3. 把各个导航项目设计得很显眼;
4. 用简洁的文字描述各个导航的功能和目的;
如何让导航保持简明、清爽?
记住一点就可以了:页面中的导航区必须明显区别于非导航区!