当前位置:河北网站建设 > 网站建设 > 建站教程 > 网站建设合理的视觉流程设计

网站建设合理的视觉流程设计

发表日期:2018-07-19

合理的视觉流程设计,视觉流程,是视线在观赏物上的移动过程,是二维或三维空间中的视线运动。网站页面设计中视觉的流动线极为重要,同时又很容易被网页设计者忽视的因素。一条垂直线在页面上,会引导视线作上下的视觉运动;水平线会引导视线向左右的视觉运动;斜线比垂直线、水平线有更强的视觉诉求力;矩形的视线流动是向四方发射的;圆形的视线流动是辐射状的;三角形则随着顶角之方向使视线产生流动;各种图形从大到小渐层排列时,视线会强烈地按照排列方向流动。
  
  经验丰富的设计者善于运用贯穿页面的主线,设计易于浏览的页面。从某个角度讲,视觉流程的设计结果就是版式,与版式设计是相辅相成的关系。本节也将对网页设计的版式进行总结和阐述。
  
  一:网页视觉流程的筹划
  
  视觉流程是网页版式设计的重要内容,他的筹划包含以下几个重要的因素:
  
  网站页面中不同的视域,注目程度不同,给浏览者心里上的感受也不同。一般而言,页面上部给人轻快、漂浮、积极、高昂之感;下部给人压抑、沉重、限制、稳定的印象;左侧,感觉轻便、自由、舒展、富于活力;右侧,感觉局促却显得庄重。
  
  因此。网页中最重要的信息,应安排在注目率最高的页面位置,这个位置便是页面的最佳视域。
  
  一般浏览者的阅读习惯都是按照从左到右,从上到下的顺序进行。也就是说浏览者的眼睛首先看到的是网站页面的左上角,然后逐渐往下看。根据这一习惯,设计时可以把重要信息放在页面的左上角或页面顶部,如公司的标志、最新消息、公告栏等,然后按重要性依次放置其他信息内容。
  
  重要的信息应该让浏览者最容易发现,而不是藏在多层链接之后。
  
  二:视觉流程的视觉力场
  
  格式塔心理学认为视觉思维的过程即客体的结构力场,大脑的生物电场以及主体的心理场三者相互转化的过程。虽然这个转化过程是视觉设计本身具有的“张力”作用于人的大脑视皮层而产生的生理现象,但受众主体已经将其体验为客体本身的性质。
  
  网页页面布局的张力与收缩使得每一个网页页面都存在一个视觉焦点,都是设计者依据一定的视觉特性,对网页页面合理编排,“迫使”受众根据设计原创的引导流程进行有效的视觉交互,并使其在心里上产生的一种心理场。宏观地,整个网站的视觉力场是一个动态的概念。受众获取信息是依据一定的视觉序列,有秩序地进行阅读与识记。这种视觉序列经过精心设计,有层次上的递进关系,是每一个页面上的视觉力场沿一定的秩序进行流动,具有很强的条理性,能够引导受众有效地获取信息,而且还能保持视觉的连续性和信息传达的合理性,促进了资讯的交流和思想的交流。

 
除非注明,文章均为河北网站建设原创。
转载请注明来自http://www.hbfddj.com/web/jiaocheng/386.html

相关网站设计案例

相关新闻

有哪些方法可以缩短网页加载时间

这就是为什么今天的企业和个人尽其所能来减少网页加载时间的原因。时间就是...

日期:2018-09-03

如何做好网站维护?

网站对于企业、政府等单位的重要性我们都非常清楚,但是网站维护的意义可能...

日期:2018-07-19

一个公司网站建设建设流程是怎么样 需要做哪些工作?

一个公司网站建设建设流程是怎么样 需要做哪些工作?网站是企业在互联网上...

日期:2018-07-19

帝国cms网站管理系统登录步骤详细讲解

第一步,登台登录地址默认的是http://www.您的网址.com/e/admin/,为了考虑...

日期:2018-07-19

在网站制作中影响视觉力场的要素有以下几个方面

(一)网页页面的版面率 杭州网站制作 小编告诉大家,在版面率是网页页面中...

日期:2018-07-19

网站建设合理的视觉流程设计

杭州网站建设 合理的视觉流程设计,视觉流程,是视线在观赏物上的移动过程...

日期:2018-07-19

网站站内优化需要注意的细节

对于 杭州做网站 的设计师们来讲站内优化,首要考虑的就是内部链接,相信有...

日期:2018-07-19

【网站建立需要多少钱】?建设一个网站费用是多少?哈尔滨建站费

【网站建立需要多少钱】?建设一个网站费用是多少?杭州建站费用明细解析.....

日期:2018-07-19

老李仿站专用器k8.9 织梦dedecms自动生成标签

用织梦建站我们必须要了解一个工具,织梦dedecms标签汇总的一个工具,这也...

日期:2018-07-19

如何打造高质量的房地产网站技巧

我们都在知道搞房地产的公司要会推销自己,对自己开发建设的楼盘要有着整体...

日期:2018-07-19

收缩