网站建设过程中视觉流程规划的几个方面

发表日期:2018/6/20 13:05:02文章编辑:千之众网络浏览次数:

 视觉流程,是视线在观赏物上的移动过程,是二维或三维空间中的视线运动。网站页面设计中视觉的流动线极为重要,同时又很容易被网页设计者忽视的因素。一条垂直线在页面上,会引导视线作上下的视觉运动;水平线会引导视线向左右的视觉运动;斜线比垂直线、水平线有更强的视觉诉求力;矩形的视线流动是向四方发射的;圆形的视线流动是辐射状的;三角形则随着顶角之方向使视线产生流动;各种图形从大到小渐层排列时,视线会强烈地按照排列方向流动。


  经验丰富的设计者善于运用贯穿页面的主线,设计易于浏览的页面。从某个角度讲,视觉流程的设计结果就是版式,与版式设计是相辅相成的关系。本节也将对网页设计的版式进行总结和阐述。


  一:网页视觉流程的筹划


  视觉流程是网页版式设计的重要内容,他的筹划包含以下几个重要的因素:

  网站页面中不同的视域,注目程度不同,给浏览者心里上的感受也不同。一般而言,页面上部给人轻快、漂浮、积极、高昂之感;下部给人压抑、沉重、限制、稳定的印象;左侧,感觉轻便、自由、舒展、富于活力;右侧,感觉局促却显得庄重。


  因此。网页中最重要的信息,应安排在注目率最高的页面位置,这个位置便是页面的最佳视域。


  一般浏览者的阅读习惯都是按照从左到右,从上到下的顺序进行。也就是说浏览者的眼睛首先看到的是网站页面的左上角,然后逐渐往下看。根据这一习惯,设计时可以把重要信息放在页面的左上角或页面顶部,如公司的标志、最新消息、公告栏等,然后按重要性依次放置其他信息内容。

  重要的信息应该让浏览者最容易发现,而不是藏在多层链接之后。


  二:视觉流程的视觉力场


  格式塔心理学认为视觉思维的过程即客体的结构力场,大脑的生物电场以及主体的心理场三者相互转化的过程。虽然这个转化过程是视觉设计本身具有的“张力”作用于人的大脑视皮层而产生的生理现象,但受众主体已经将其体验为客体本身的性质。


  网页页面布局的张力与收缩使得每一个网页页面都存在一个视觉焦点,都是设计者依据一定的视觉特性,对网页页面合理编排,“迫使”受众根据设计原创的引导流程进行有效的视觉交互,并使其在心里上产生的一种心理场。宏观地,整个网站的视觉力场是一个动态的概念。受众获取信息是依据一定的视觉序列,有秩序地进行阅读与识记。这种视觉序列经过精心设计,有层次上的递进关系,是每一个页面上的视觉力场沿一定的秩序进行流动,具有很强的条理性,能够引导受众有效地获取信息,而且还能保持视觉的连续性和信息传达的合理性,促进了资讯的交流和思想的交流。


相关新闻

网站建设:响应式网站如何兼顾营销型

响应式网站又叫自适应网站,可以适应所有终端(PC+手机+ipad)因为考虑到兼容...

日期:07-16 浏览次数:73

企业在做友情链接的时候都会看重对方网站的...

   ...

日期:04-06 浏览次数:62

网站建设必须要具备的几大功能

随着互联网的飞速发展,企业与企业之间的竞争也是愈演愈烈,怎样把握住市场动态,让更...

日期:07-11 浏览次数:60

徐州网站建设优化的心得体会

           ...

日期:01-16 浏览次数:67

浅谈网站建设的核心要点

很多公司的网站建设还是停留在最初的阶段,比如网站打开速度要快,网站尽可能的要绚丽...

日期:07-11 浏览次数:76

做好用户需求,网站推广不再有瓶颈

   ...

日期:04-06 浏览次数:57

小型企业网站建设应该注意哪些

一.小型企业网站建设应该注意哪些1.2017年已经是一个互联网大数据的环境了,人...

日期:07-11 浏览次数:73

网站建设网站主页怎样设计?

 网站建设中,最重要的一步就是首页的设计,设计精湛的首页不仅可以提升企...

日期:07-11 浏览次数:59

徐州网站优化剖析网站优化外链如何发布才能...

   众所周知,...

日期:04-06 浏览次数:63

网站建设真相—没有官网客户根本找不到你

你的企业为什么需要建设一个网站,你有想过吗?是因为大家都有你也要有,还是真的需要...

日期:07-10 浏览次数:53

徐州千之众网络科技有限公司 Copyright© 2016- 备案号: 苏ICP备19017684号-1