cooper谈到用户的视觉途径一般是:从上到下,从左到右。
好的视觉规划途径应该是适应这样的用户习惯,糟糕的规划会让用户无所适从,焦点处处都是。
当然,视觉途径图并非绝对的,阅读习惯因人而异。
网站中方块
因为人们从触摸信息以来,信息的呈现便是以方块式存在:报纸、书,单个字成点,一行字成线,一段字成面,而这个面当然是以方形呈现的功率最高。网站的视觉规划大部分其实都是在拼方块。
网站中的方块能很好地引导用户的视觉途径,用户能够通过区块来分辩这个区域的信息是否是自己需要的,然后能够迅速缩小范围细致寻找或者阅读下一个区块,比方yahoo的主页,从大块上来看,用户很容易分辩出4个大区块,每个区块里边又有小的区块。
- 方块感越强越能给用户方向感。
- 方块越少越好。
- 尽量用留白做视觉区分。
对齐和距离
视觉规划最简略,也是最容易忽略的便是对齐。查看的办法便是查看每个方块中的边线,方块与方块之间的边线,尤其是纵向维度。
距离的一般规律:字距小于行距,行距小于段距,段距小于块距。查看的办法能够测验将网站的布景有时候我们不需要花心思做多么漂亮的图标和色彩调配,用心地调整好网站的每一个像素或许也能让它面目一新。
主次联系
怎样对用户引导的要害就在于怎样处理主次联系。说白了便是对比,从视觉的角度上看:形状的大小,色彩,摆放的方位都会影响信息的重要与否。
从大的区块来看,不要均匀切割页面,三栏的规划应该让其中一栏显着短一些。
从局部来看,也要把握信息呈现的节奏,比方中间新闻栏的规划,大图带大标题是第一关键,小图带字是第二关键,纯文本第三,节奏感、主次联系十分强。
常见问题
- 视觉规划师不明白代码,前端规划师在视觉方面又不专业。常常是完成出来的产品跟视觉规划出来的图片有所误差。主张视觉规划师跟进调整。
- 广告图片破坏视觉效果。假如网站满足牛的话,能够让广告方遵从视觉标准。假如不可的话,最少规划师还能决定广告的尺度,方位等等。
|