收件箱中,将未读邮件文字加粗以区分已读邮件,也是充分利用了相似原则。

闭合原则 浏览者心理的一种推论倾向,即把一种不连贯的有缺口的图形尽可能在心理上使之趋合。或者说浏览者倾向于从视觉上封闭那些开放或未完成的轮廓。如下图,没有三角形和圆,但是在我们心理模型中填充缺失的信息,创建我们熟知的形状和图形。

设计中通过不完整的图形,让浏览者去闭合,可以吸引用户的兴趣和关注。最著名的应用便是苹果公司的logo,咬掉的缺口唤起人们的好奇、疑问,给人巨大想象空间。

下图Google搜索结果的预览,过长的页面进行撕裂处理,浏览者依然把它看成是一个页面,而且还是一个很长的页面。

连续原则 和闭合原则有些类似。以实物形象上的不连续使浏览者产生心理上的连续知觉。看到a图,浏览者会认为是一个绿色条和一个红色相交,而事实却是b图。

轮播图巧妙应用连续原则,虽然看见的是一张图片,但在浏览者心理感觉却是很多连续的图片进行轮换。

Path和Facebook的app界面,即使右侧只显示一小部分内容,而用户却能感知到后面更多的内容,并能将导航和内容轻易的联系起来。

关于格式塔的原则还有很多,被应用于心理学、哲学、美学和科学的任何领域。以上通过图文方式只讲解了几个基本原则和自己的一些理解,希望感兴趣的童鞋可以交流学习下。
作者:jenson
文章来源:迅雷CUED
HTML页面跳转及参数传递问题这篇文章给大家详细介绍了HTML页面跳转及参数传递问题,需要的朋友参考下吧
纯css实现照片墙3D效果的示例代码这篇文章主要介绍了纯css实现照片墙3D效果的示例代码,可以实现鼠标经过图片实现改变,具有一定的参考价值,感兴
纯 Css 绘制扇形的方法示例本篇文章主要介绍了纯 Css 绘制扇形的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随
一份纯CSS loading动画效果代码示例本篇文章主要介绍了一份纯CSS loading效果代码示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟
css 实现文字过长自动隐藏功能这篇文章主要介绍了css 实现文字过长自动隐藏功能,需要的朋友可以参考下
详解CSS3 rem(设置字体大小) 教程本篇文章主要介绍了详解CSS3 rem(设置字体大小) 教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起