美狮美高梅-美狮美高梅官方网站

美高梅视点
美高梅曾经做过哪些事情?美高梅的发展怎样
让策划更有说服力的20条经典原则:连通性
发表时间:2019-05-23

美狮美高梅

【直营信誉】MGM,美狮美高梅官方网站最具公信力的博彩集团官网、更有高质料的游戏平台、打造在线博彩第一直营,美狮美高梅不单拥有环境上最多样化的游戏投注平台,再是为衣食父母供给实时、刺激、高信誉的效劳保证和高质料的游戏。

连通性原则该如何运用?有什么care要点?一起来看这篇文章。

简介说明

1. 理论表述

视觉上相连的圆素倾向于被感知为具有更强的相联性(相较于不相连的圆素)。

2. 理论背下

连通性原则是格式塔组织律中的一个部分,是简洁法则的一种具体的表现场景。

对比之上的邻近性原则和相似性原则,连通性的感化和影响都要更强。

策划案例

1. 利用连接线强化圆素之间的相联性

在某些环境之下,可以利用连接线来强化圆素之间的相联性,暗示用户相连的圆素是一个组。


案例1:Twitter




Twitter 的评论区策划是一个非常典型的案例,评论的回复与评论主体之间用连线来表达他们之间的相联性,不单清晰易懂,而且与其余应用做出了足够的异议化,也算是具备了比较高的识别度了。

类似的例子还有游戏时光。


案例2:游戏时光



2. 利用运动的下划线表达页面可滑动到达

有些分页组件的动画策划非常有趣,当吾们用指尖在屏幕上划过,页面平移至另一个页面的再是,分页组件下方的线也是平移至另一个字段下,这是一种相当强烈的暗示:下一个页面可以通过滑动到达。


案例3:新草、知乎、Twitter




新草、知乎、Twitter 都是底部有一条可以运动的下划线,这条线将左右两个分页竞相连接起来,以是吾们利用左右滑动去切换页面的时候没有尽数违和感。

易于 这般这只是一种可用的、暗示性较好的形式,即使您的页面可以左右滑动,但是不用这种可运动的下划线形式也没什么太大小case。

3. 对齐线也是一种隐性视觉线

除了上面谈到的那些显性的、可直接观测到的线之外,对齐线也是一种隐性的视觉连接线,它虽然不能直接看到,但是在视觉识别系统中,对齐的圆素通过一条「线」竞相连接,以是对齐的圆素相联性更高。


案例4:opefac




案例5:Christou1910






易于 这般隐形线毕竟只可感知而不可见,以是其影响的强度要比显性线弱得多,像上面这个案例,按钮的跨距只要稍微远一些,就会从组中割裂出来形成孤立的一个圆素,以是才需要一根显性的线去把它们的联系重新构建出来。

care事项

1. 不要乱用连接线

不要乱用连接线,尤其是时间线这种组件。

上面提到了,连接线比邻近性和相似性具备更强的影响力,也就是说,只要连接线一出现,被连接的圆素之间的相联性一定比其他圆素更强。如果吾们做时间线这样的组件时在日期与日期之间加上连接线,so日期就会竞相强行关联起来,这不是时间线的初衷。吾们需要的是日期与当日始末之间具备更强的关联性。


反面案例1:魔改版WeChat朋友圈





用一条小小的连接线,很轻易就破坏了用邻近性制造出来的时间与始末之间的联系。

2. 不要使用过多的对齐方式

吾们一直被告知不要在同一个模块/组件/页面中过多地使用不同的对齐方式。对齐方式一多,页面中的对齐线也就丰富了起来。上面说到对齐线会形成的各种相联性比较强的组,Now这些不同的、竞相独立的组聚集分布在一个比较小的容量之内,结果就显而易见了,页面变得极度混乱,对吾们快速识别信息遭成极大的阻碍。


反面案例2:某同学的重策划名作



对齐方式多,画面混乱。以是才会反复强调在一个页面之内对齐的方式不宜过多。

总结

  • 利用连接线(显性的和隐形的、静止的和运动的)来强化圆素之间的相联性;
  • 连接线不要乱用、滥用;
  • 对齐线不宜过多。





——美高梅分享,作者超人的电话亭





XML 地图 | Sitemap 地图