网页设计中的视觉流程

2016-02-19 17:23 6 1 收藏

下面,图老师小编带您去了解一下网页设计中的视觉流程,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - Web开发 】

  网页是通过视觉元素的引人注目而实现信息内容的传达,为了使网页获得最大的视觉传达功能,使网络真正成为可读强性而且新颖的媒体,网页的设计必须适应人们视觉流向的心理和生理的特点,由此确定各种视觉构成元素之间的关系和秩序。因此,设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题。

  视觉流程的形成是由人类的视觉特性所决定的。因为人眼晶体结构的生理构造,只能产生一个焦点,而不能同时把视线停留在两处或两处以上的地方。人们在阅读一种信息时,视觉总有一种自然的流动习惯,先看什么,后看什么,再看什么。视觉流程往往会体现出比较明显的方向感,它无形中形成一种脉络,似乎有一条线、一股气贯穿其中,使整个版面的运动趋势有一个主旋律。心理学的研究表明,在一个平面上,上半部让人轻松和自在,下半部则让人稳定和压抑。同样,平面的左半部让人轻松和自在,右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方,左侧强于右侧。这样平面的上部和中上部被称为最佳视域,也就是最优选的地方。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  在网页设计中一些突出的信息,如主标题、每天更新的内容等通常都放在这个位置。当然视觉流程是一种感觉而非确切的数学公式,只要符合人们认识过程的心理顺序和思维发展的逻辑顺序,就可以更为灵活地运用。在网页设计中,灵活而合理地运用视觉流程和最佳视域,组织好自然流畅的视觉导向,直接影响到传播者传达信息的准确与有效性。所以在网页的编辑设计中,视觉导向是一个要点,网页的设计是一种创造,首先要立足信息的传达,但又要符合人们较为普遍的思维习惯,做到视觉流程自然、合理、畅快。成功的视觉流程安排,能使网页上的各种信息要素在一定空间内合理分布,能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1615101.html

延伸阅读
标签: Web开发
在网页设计发展到一定阶段的时候就必然会和其他学科或领域只是产生交汇和共鸣,在阅读《超越CSS:web设计艺术精髓》这本书的时候,发现原来web设计还可以这样。比较突出的例子是现在经常被设计师提到的网页栅格设计,TAOBAO UED曾经探讨过这个问题(http://ued.taobao.com/blog/2008/09/17/grid_systems/),通过很有逻辑性的公式换算加上一...
标签: Web开发
写在前面 标题党是网络上一小撮利用各种颇具创意的标题吸引眼球,以达到各种个人目的网民们的自发性组织。其主要行为简而言之即发帖的标题严重夸张,帖子内容通常与标题完全无关或联系不大。 摘录自《标题党白皮书》 引用以上网友总结,是便于大家对标题党形成普适的认知。本文并无心作弄各位,吸引眼球也只是一种尝试。希望抽空...
响应网页设计目前在网页设计中无疑是一个热门话题。从某种程度上来说,响应网页设计概念的普及是非常应该的,因为用户以越来越多样化的方式访问网站。iPad,iPhone,Android移动设备,桌面,笔记本现在我们的网页设计必须在众多方式下使用。 让我们来了解响应网页设计的含意和原则。 响应网页设计的关键特征 认为网页设计是响应的,需要...
设计人员还是需要去经历和亲眼去发现一些美,只有这样才能开拓你新的思路和想法。今天我们就分享给大家一批关于色彩在网页设计中使用的例子。你可以看到设计师们的创意和对于色彩的感悟。 BigNoise Mint Museum Fudge House Artist of the Year Carnation Group Viens-la Disqus Impero Modo Luce With A...
《ideas》是腾讯互动娱乐系统设计团队TGideas针对各类游戏的视觉包装设计所输出的适用性研究期刊,希望与大家分享相关经验,以及游戏类课题的交流。 本期作者:Ggao、Zaneye 专题的氛围是必须的 By Zaneye 曾几何时,自己苦思冥想自认为集艺术与创意于一体的作品出炉了,却被需求方一口否绝!其实很大的原因是因为我们的设计思路跟需求方...

经验教程

368

收藏

67
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部