网页版式设计的视觉因素是多方面的,其中有两点是需要我们特别注意的,就是注重主从关系和一致导航,下面我们将逐一分析。
一、注重主从关系
1、大小对比
主要诉求对象应扩大它的面积,将其突出,并使次要角色缩小到从属地位,使页面主题一目了然。人们的视线首先注意到大的形象,然后再看到较小的形象,这种由大到小的引导,使视线在页面上流动,造成一种动势,页面更为活跃,主角更为突出,但仍能保持页面的均衡。
2、留白
主体形象的面积虽然不是很大,但它周围留有大面积的空白,虚实空间发生对比,使要强调的主体形象更加鲜明突出。
3、色彩对比
色彩变化给人的视觉感受十分强烈,如果只从对象在色相、明度、纯度、冷暖等方面对比度加大,那么主体形象就会从周围环境中脱颖而出。在这种对比情况下,主体形象即使很小也会突出“小而不小”,在视觉上仍占主体的优势。
4、重复
主体形象在页面中反复出现,强化与视线的接触频率,这种强化方式尤其适合于以产品为主体形象的网页。产品以不同的视角、不同的使用方式重复出现,不仅被强调,而且有助于全面展示它的造型和功能。重复形象使网页整体更为和谐、统一,同时打破了单一形象给人的单调感。
5、斜线和曲线
网页版面中的对象以水平或垂直的形态存在居多,在这种情况下,斜线和曲线的视觉敏感度要高一些。如果主体形象运用适当的斜线和曲线,就会从水平、垂直线构成的环境中突显出来,成为版式中较为特异的部分。
二、一致导航
对不同类型的导航来说,所有导航的布置必须保持一致性。如果导航栏位置不一致,或者一个控件在不同的页面上功能不同则会引起混乱。一致性是实用性的关键,考虑到快速点击导航按钮,导航的布置基本上相同。