用户浏览网站的视觉路径一般是网站制作的视觉路径和版式设计报纸、书,单个字成点,一行字成线,一段字成面,而这个面当然是以方形呈现的效率高。网站的视觉设计大多数其实都是在拼方块。
网站中的方块能非常不错地引导用户的视觉路径,用户可以通过区块来分辨这个地区的信息是不是是自己需要的,从而可以飞速缩小范围细致探寻或者浏览下一个区块,譬如yahoo的首页,从大块上来看,用户比较容易分辨出4个大区块,每一个区块里面又有小的区块。
1.方块感越强越能给用户方向感。
2.方块越少越好。
3.尽可能用留白做视觉区别。
对齐和间距
视觉设计最简单,也是最易忽视的就是对齐。检查的办法就是查询每一个方块中的边线,方块与方块之间的边线,特别是纵向维度。
间距的一般规律网站制作的视觉路径和版式设计形状的大小,颜色,摆设的地方都会干扰信息的要紧与否。
从大的区块来看,不要平均分割页面,三栏的设计应该让其中一栏明显短一些。
从局部来看,也要把握信息呈现的步伐,譬如yahoo中间新闻栏的设计,大图带大标题是第一要素,小图带字是第二要素,纯文本第三,步伐感、主次关系很强。
容易见到问题
1 视觉设计师不懂代码,前端设计师在视觉方面又不专业。常常是达成出来的商品跟视觉设计出来的图片有所偏差。建议视觉设计师跟进调整。
2 广告图片破坏视觉成效。假如网站足够牛的话,可以让广告方遵循视觉规范。假如不可以的话,起码设计师还能决定广告的尺寸,地方等等。
推荐题目网站制作的视觉路径和版式设计