“格局塔”原理在网页规划中的运用 |
发布时间:2019-12-05 文章来源:本站 浏览次数:2524 |
《平面规划材料——“格局塔”视觉原理》一文将“格局塔”视觉原理进这个视觉规划领域通用的规律做了简略的介绍。美国内华达大学的网站上曾经有一篇介绍格局塔原理在Web规划中运用的文章,现将部分内容翻译出来与大家分享。 概括/区域 Figure/Ground 概括/区域联系是一种最基本的视觉感知规律。 概括即“感知元素”内部与外部的区别(咱们能够理解概括为无限精密的线段)。 区域指某“感知元素”独占的背景、空间。 一般概括被称为“肯定感知元素”而区域被称为“实体周围的空间”或“空白”。 在感知上,眼睛与大脑和谐作业协助咱们专注的把概括从区域中分离出来。例如,当咱们阅读时,咱们有必要把文字从纸张上阅读出来。 同样,当咱们观察显示器时,也有必要从视觉上把各种各样的概括从它们所在的窗口、桌面上分离出来。 有时恰恰相反,屏幕上的概括,不那么清楚明了,由于太多的“感知元素”吸引着你的眼睛的注意力。 均衡 Equilibrium 阅读者倾向于寻求视觉组合中的次序或平衡,便是均衡。 眼睛和大脑配合的视觉进程中,人们总是期望整个视场中存在一种均衡状态。例如,由于屏幕往往是与地面笔直,那么在人们的感知中会认为屏幕上的图画也存在着重力体系。 坚持均衡便是“和谐”,打破均衡可能造成“冲突”,而彻底不均衡便是“紊乱”。 闭合 Closure or Completion 闭合,填充概括便是封闭的形状,眼睛和大脑配合总是在不断的完结这个封闭的进程。 阅读者的视觉体系会认为封闭的形状比较稳定(这也是一种均衡)。 在感知上,阅读者倾向于从视觉上封闭那些开放或未完结的概括。 封闭是取悦用户视觉心思的重要准则。 比方,为了让用户坚持活跃投入关注,规划师会故意发明一些简略的形状让阅读者去封闭。 用户花越多的时刻去封闭形状,规划可能就越令人难忘;可是,假如图形不能被闭合,观众的注意力就被涣散,由于封闭它们实在太难了。 接近 Proximity 当多个可见元素出现时,眼睛和大脑配合起来,倾向于依据它们的接近和接近联系进行分组。 元素与别的的元素越接近,用户越从视觉上认为它们联合的越严密(能够理解为是一种“闭合”)。规划师一般运用接近的方法对同类内容进行分组,一起留下距离,给用户的视觉以次序和合理的休憩。 连续 Continuation 当许多元素有安排的素摆放在一个直线或曲线路径上,这个准则将让用户的视觉体系认为元素正在按照路径在连续下去。 视觉向量的指示效果 一般规划师运用这种构图准则将告诉阅读者的视觉体系按照元素组成视觉向量进行连续。 在网页上,这种连续的规划经常被用来指引用户在能够点击处逗留,或者指引用户滚动页面进行阅读的连续;用户的眼睛会在视觉向量的引导下一页一页的进行阅读。 类似 Similarity 元素具有近似外观时会被看成是一组;同组中的元素可能具有类似的颜色、外形、大小、文本样式。 类似度首要决定了区别度,此刻接近联系被弱化 当很多类似的元素出现的时候,视觉体系倾向于不把它们分隔。 当元素之间的类似性比较弱时,视觉体系倾向于运用接近的准则对它们进行安排,构成统一的全体。因此在创建网站的风格时,规划师能够运用近似的文本、颜色、图画和留白,让网页坚持一致。 |