恋空,星戒,废材三小姐-岸入新闻-一个独立撰稿人的视角

频道:我们的头条 日期: 浏览:154

在ppt、产品页面的规划中,运用感觉安排原理能够协助你整理内容层次与结构,凸显你的内容要点。

在ppt、产品页面的规划中,运用感觉安排原理能够协助你整理内容层次与结构,凸显你的内容要点。

不知道你有没有遇到过这种状况,相同是PPT规划,你做出来咱们看起来觉得很费力,高手做出来,你看着也觉得赏心悦目。你或许觉得这是由于高手懂规划,加了许多酷炫的元素。

但其实光用相同的页面元素,仅仅是调整一些安排方法,作用就能发生质的腾跃。你和高手的间隔,在于你不了解感觉安排原理

咱们来看看下面这两张海报,相同都是宣扬一个活动,左面的海报字数特别多,说得也很详细,可是看起来便是让人感觉费力。右边这张海报并没有添加酷炫的规划元素,仅仅是在字体粗细、排版方位上做了一些调整,看起来就明晰多了。

不只信息一望而知,还让读者有详细阅览的愿望。这背面,便是感觉安排原理在起作用。

感觉安排进程

在感知国际的进程中,人类的眼睛看到的其实都是乱七八糟的细节,例如不同的色彩、明暗、巨细,它就跟照相机相同客观写实。光看这些细节肯定是没有意义的,只要当咱们能了解视觉内容时,人类才干正常日子作业。

咱们怎么把这些细节了解成为一个又一个有意义的物体,这便是感觉安排在发挥作用。

例如下面这张图,图片的内容都是一些是非斑驳,看起来乱七八糟,可是由于感觉安排的存在,咱们仍是能分辨出这张图里的狗。

人类便是经过将凌乱的视觉元素,快速组合成一个又一个的全体,来完成快速的辨认和认知进程。没有感觉安排进程,咱们将面临无穷无尽的感知细节,没方法快速获取信息,更无法对事物发生了解。

那么感觉进程是怎么安排图形的呢?心理学家经过研讨,他们提出了一套感觉安排的规则,包含挨近律、类似律、接连律、闭合律、一同命运律等,下面依次为咱们介绍。

1. 挨近律

元素越挨近,越简单被当成一个全体。比方下图所呈现的10条白色竖线,人们往往会更倾向于把它们感觉为5组双竖线。这是由于咱们的大脑会把眼睛看到的互相间隔较近的两条直线当成一个全体来感知。

2. 类似律

在某一方面(如形状、亮度、色彩等)相同或类似的各部分趋于组成全体。

3. 接连律

它是指人的视觉倾向于感知接连的全体,而不是涣散的个别。虽然下图的线段都断开了,依旧不阻碍咱们看清楚两条曲线。

4. 闭合律

人们倾向于添补小的空地,而将元素感觉为一个全体。

5. 一同命运律

在同一方向上的元素比固定元素或者是朝不同方向移动的元素更为严密相关。

当元素被感觉为一个全体时,咱们才干快速对全体做出判别。相反,假如元素无法安排到一同,咱们面临的就只能是零星的内容,看起来会十分耗时费力。感觉安排原理,其实便是信息有用安排和呈现的规则。

例如,相同是狗的图片,有了挨近、类似、闭合、接连、一同命运的特征后,下面这张图就显着比之前那张斑驳图好辨认多了,虽然这张图依旧不是实在狗的相片。

下面咱们看看,在作业中咱们详细该怎么运用以上准则吧。

四大规划准则

规划的中心方针便是传递信息,最好是让用户看一眼,就能快速明晰的感觉到方针内容。显着,契合感觉安排特性的方法,更简单达到这个方针。那么咱们详细该怎么运用感觉安排原理呢?

依据前文的感觉安排规则,美国的闻名规划师 Williams 抽取出了几个通用规划准则,分别是密切、对齐、比照和重复。下面咱们依次为咱们介绍。

1. 密切性

依据挨近律,假如信息之间相关性越高,它们之间的间隔就应该越挨近,越像一个视觉单元;反之,则它们的间隔就应该越远,也越像多个视觉单元。

经过这种密切性准则,咱们就能将内容进行视觉分组,同组信息严密聚合,不同信息互相阻隔。在用户看来,全体内容会显得十分有层次,看起来十分明晰。

咱们看下面这两张海报案牍,左面图里的每个元素都等距离分隔,看来没有相关,互相独立。在读者看起来,毫无安排结构,显得十分散乱。

而经过密切性处理后的右图,一些相关信息被严密的聚合到了一同,一些不太相关的内容从方位上就给隔开了,整个海报显得十分有层次,看起来很舒畅。

一些产品页面的规划也会运用密切性准则,同一个内容的相关信息都会放得很近,而不同内容会相隔较远,意图便是为了区别信息模块,便利咱们了解和检查。

2. 对齐

依据感觉的接连律和闭合律,在界面规划中,假如咱们将元素进行对齐排布,这样即使元素的物理方位是互相别离的,但在用户看来依旧会有一条看不见的线,把互相串联在一同。这些元素会因此内聚为一个全体单元,凸显相关性

下图是一个手刺的几种规划方法,左图是第一版,各个元素散落在遍地,互互相相独立。在读者看起来,会觉得各个元素都在抢占注意力,看起来很费力。

中心这个图,选用居中对齐后,感触显着好了许多。但由于居中对齐是一种软性对齐,没有给人激烈的一起感,因此各项元素仍然显得不太相关。

右图改用右对齐之后,对齐线的感触十分激烈。元素互相开端相关,构成了一个全体。用户看到这个手刺时,视觉感触也显着提升了。

许多海报的规划,也会遵从对齐准则,意图便是为了凸显一起性。这样不只看起来漂亮、专业,还能树立起内容之间的相关性。

产品界面规划也在遵从着这个规则,咱们处处都能“看到”类似的对齐线。

3. 比照

依据感觉的类似律,附近的内容会被认为是全体。那么,反过来。假如咱们要区别两组内容,最好的方法天然便是杰出比照差异,这样不只能树立一种有安排的层次结构,也让用户快速辨认要害信息。

当然,要完成有用的比照,比照就必须激烈,切不可畏畏缩缩。

咱们看下面这两个文章,左图里各项文字内容之间除了字体巨细外,没有其他差异,内容看起来都很类似,像是一个全体。读者一时半会找不到要点,视觉感触会十分累。

右图添加了一些显着的比照,包含色彩比照、巨细比照、粗细比照、字体比照。读者第一眼就会看到这个醒意图大标题,然后看到各段的子标题。整个文章结构被标题串起来了,看起来十分明晰。

不只文字能够比照,各种视觉内容都能够比照。许多海报规划,为了凸显要害信息,也常常运用激烈的比照。

4. 重复

依据感觉的类似律,相同或类似的元素会被认为是来自一个全体。那么,假如咱们有一些元素在整个规划中不断重复,那么这些内容也都会被认为是具有相关性。此外,重复的元素还能够有用下降用户的学习本钱

最常见的重复,便是某种格局的复用。例如本产品心理学专栏的标题“产品心理学001”,便是在传递一种重复感,便利咱们辨识,也便利咱们构成全体的形象。

此外,在产品规划中,相同的模块重复呈现,也是运用了这个规则。这些模块功用一起,而且具有很强的相关性。

不同的企业一般都有自己的一套规划言语,以得到APP举例。前段时间他们选用了这个橘黄色猫头鹰作为logo。

这两个元素会不断的重复呈现在得到的各种产品细节里,例如APP的ICON、主页、文章页、共享页、线下活动等等。意图便是为了告知顾客,这是得到的元素,这是得到的产品。

总结一下

规划无处不在,即使你不是专业规划师,你或许也需要做PPT、画原型、写文章。能否有用传递你的信息,便是这些作业的中心地点。

为了防止堕入无穷尽的细节里,人类是经过感觉组合,来快速认知事物的。人类倾向于把挨近、类似、接连、闭合、一同运动的元素,了解成一个全体,把其他内容了解成互相独立的个别。

咱们能够经过密切、对齐、比照、重复等规划方法,来整合信息,树立安排层次。由此进步用户接纳信息的速度,下降了解本钱。好的规划,往往就好在更好的安排性上。

请你考虑

关于你正在做的PPT/文档/原型,该怎么运用以上4种规划准则呢?

扩展阅览 参考文献

  • 《心理学与日子》菲利普·津巴多
  • 《写给咱们看的规划书》
  • 蚂蚁金服 Ant Design 规划规范

作者:刘子勋,微信大众号:子勋说。搜狐高档产品司理,北师大心理学硕士,一个深爱心理学的产品汪,致力于让科学心理学成为人人会用的东西

本文由@子勋 原创发布于人人都是产品司理,未经许可,制止转载。

题图来自Unsplash, 根据CC0协议

热门
最新
推荐
标签