强化页面的主从关系

发布时间:2019/2/15 10:26:03来源:佑航科技

  郑州做网站专家介绍强化页面的主从关系:欲使网页在传递视觉信息时顺畅、高效,页面需具备清晰的条理性和组织性,产生一定的主从关系,而不能将所有的构成要素都等同对待。其中的主体要素是页面的诉求重点,它应该能大即引起浏览者的注意,从而引发继续看下去的愿望。这个主体要素应尽可能是观众浏览贞面时视线流动的起点,如果没有它,观众的视线将会无所适从,或者导致视线的流动偏离设计的初衷。而次要对象在页面中位居第二层次,它除了传达特定的信息,还对主体形象有辅助表现的作用。如果页面各要素没有强调的重点,或强调的重点过多,人在视觉感知上就会发生混乱,这有悖于人的视觉牛理需求和视觉传达的规律,同时使版式设计缺乏抑扬起落的韵律感。强化页面的主从关系,就是将主要对象和次要对象进行一定程度的对比,使主要对象从次要对象所构成的“视觉场”中突显出来,采取的方式主要有:

 

  1、加强主从对象的大小对比

  在进行版式设计时,确定了主要诉求对象后,扩大它的面积,将其突出,并位坎要角色缩小到从属地位,会佼页面主题一目了然。加强主从对象的大小对比,会使人们的视线首先许意到大的形象,然后再看到较小的形象,这种由大到小的引导,使视线在页面上流动,造成  种动势,页面更为活跃,主角更为突出,但仍保持页面的均衡。大图安置在页而中间,是页面的主角,而其他图片、文字等在页面中处于次要地位,因此面积较小,页面的主次关系清楚明了。粗大的文字经透视变形,显得相当醒日,与黑暗的背景形成对比*更强化了页面的主题。

 

  2、加大主体形象周围的空白

  有时,主体形象的面积虽然不是很大,但它周围留有大面积的空白,虚实空间发生对比,使要强调的丰体形象更加鲜明突出。虽然排布有很多图片,但它的标题文字采用黑色,在周围宁白宁间的衬托r,显得强烈而突出。

 

  3、加强主从对象之间的色彩对比

  色彩变化给人的视觉感受十分强烈,主从对象如果在色相、明度、  纯度、冷暖等方面对比度加大,主体形象就会从周围环境中脱颖而出。左边的标题图主调为桔红色,与背景的草绿色形成强烈的色相对比,成为整个页面注目的焦点。产品的图片以暗色调出现在亮色调的页面中,显示出产品的高贵品质。主体部分为彩色,而其他部分为灰度色,明显将人们的视线集中在主体。在这种对比的情况下,主体形象即使很小也会突出,“小而不小”,在视觉上仍占主体的优势。左上角的标志虽然面积很小,但它处于页面的最佳视域,而且色彩与页面其他部分形成鲜明的对比,因而控制了视线的起点。

 

  4、重复主体形象

  将主体形象在页面中反复出现,强化与视线的接触频率,这种强化方式尤其适合于以产品为主体形象的网页界面。产品以不同的视角、不同的使用方式重复出现,不仅被强调,而只有助于全面展示它的造型与功能。重复形象使贞面整体更为和谐、统一,同时打破了单一形象给人的单调感。页而展示丫产品的不同角度以及人们使用时的状态,同…产品的重复使主体形象得到强化,其他构成要素自然位居其次。将主体产品置于页面中间,大小不同的产品形象迢相呼应,让人们完整地感受其外观造型的精妙。

 

  5、加强主从对象在形态上“势”的对比

  一般来说,网页的版面中水平或垂直的形态居多,文字的编排、巴块的排布大部分呈现出水平或垂直状态,人眼对水、F线和垂直线的认知具食一定的惯性。在这种情况下,斜线和曲线的视觉敏感度要高  些,如果主体形象运用适当的斜线和曲线,就会从水平、垂直线构成的环境中突显出来,成为版式中较为特异的部分。页面中的色块、文字及图片的排市大部分为垂直、水平线,只有中间的丰体形象采用了流畅的曲线形,一方面,它衬托了产品的优美、灵巧,同时,它与用围元素的对比加强,成为页面的注目点,增加了视觉传达的力皮。

上一篇:做网站时一定要符合人的视觉习惯 下一篇:这个词出现了11位效应,正在解决!
最新资讯 / NEWS
最新案例 / CASE
×