童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

格式塔原理与设计心理学

2月26日 观潮阁投稿
  “格式塔”(gestalt)在设计中是一个被广泛使用的字眼。它来源于德语,意思是“形式”或“形状”,一般用来描述整体大于部分之和这一现象。在心理学上,“格式塔原理”则是我们从整体上感知视觉对象的一些基本法则。
  当我们要构建有意义的视觉图形时,这些法则可能发挥关键作用在设计logo时尤其如此。为了帮助你更好地了解和利用格式塔原理,我撰写了这篇针对设计师的速成资料。希望它对你有用!
  图形与背景
  
  Logo:SonyWalkman(viaWikipedia)
  
  当我们看到索尼Walkman的logo时(上图),我们看到的不仅仅是一个由黄白两色构成的单调图形,虽然从技术层面来讲它的确只是一个图形。正相反,大多数观看者会感觉到这个logo的层次:我们会看到具象的图案(字母W和跃动的点)以及似乎是衬托于图案之后的背景。
  这正是格式塔原理在“图形背景”这一关系中的体现,根据格式塔原理,当某个较小的图形被一个更大且格式一致的图形围绕时,在视觉上会给观看者一种“较小的图形更为靠前,并具有封闭性”的印象。当然,你也可以通过一些改变,来造成完全相反的印象。请试着把橙色的背景想象成一张纸,而字母W和圆点则是从纸上剔除的部分。你尽可以如此想象,但这样的方式会让人觉得这个图案极为不自然。
  请注意,当环绕的图形格式不再一致时,图形背景的主次区别也将不复存在。下面的这款图形看起来更像是一整块布满马赛克的平面,而不再有前景与背景之分。
  
  当外部的大图形失去一致性时,原先颇具迷惑性的层次感也消失不见了
  接近律
  
  Logo:IBM(viaWikipedia)
  
  当我们观察IBM的logo时,大多数人看到的是由间隔的平行短线组成的三个字母,而不会把每个字母看成是被隔开的8条短线。是什么造成了这种现象?部分的原因是几乎每个人都认识I,B,M,这三个字母,但这并非是全部原因。下面的这个logo是IBM的希伯来语版本,但我敢打赌,即便你看不懂希伯来语的字母表,你也依然能辨认得出logo中的字母。
  Logo:IBM的希伯来语版本(viaLogodesignlove)
  
  这种现象其实可以用格式塔原理中的一个简单的法则来解释,那就是接近律(principleofproximity)。在一系列的元素(如线条)中,人类倾向于把接近的元素归为一个整体。在IBM的logo中,与各字母顶端长短不一的短线相比,构成I的短线更为密集,字母I,B,M之间的间隙也较大,其结果就是我们会把I而不是字母顶端的短线看成是一个整体。
  相似律
  正如我们倾向于把距离相近的元素归为一个整体一样,我们也倾向于把外形近似的元素归为一组,无论这种近似是色彩,阴影还是形状上的。
  
  Logo:当代艺术博物馆
  
  位于洛杉矶的当代艺术博物馆(MOCA)就是一个有趣的例子。在这个logo中,只有C是个规范的字母,在本该是字母M,O和A的位置上却只有三个几何图形:一个正方形,一个圆形和一个三角形。
  当你观看这个logo时,很可能会把这三个彩色的几何图形看成一个整体,尽管它们并非彼此紧密相连,而C却会被排除在它们之外。如果硬要把正方形和圆形看成一组,把字母C和三角形看成是另一组的话,将会非常费力,虽然这样的归类方式似乎更为符合逻辑。这是因为格式塔原理中的“相似律”(principleofsimilarity)在起作用。
  连续律
  Logo:Dictionary。com
  
  格式塔中的连续律(principleofcontinuance)认为,人们往往倾向于使知觉对象的直线继续成为直线,使曲线继续成为曲线。这就是为什么当呈现Dictionary。com网站的logo时,几乎每个人都会把它看成是一个带有五条放射线的近似圆形(partialcircle)。当把一个圆形切割成若干曲线时,人们依然会默认为它们属于同一个圆形,因为理论上它们延伸下去便会再度恢复成圆形。而放射线无法连接成圆形,它们只是与圆形组成不同的角度。
  但这个图形还有另外的阐释方式。脑部受到创伤的人,或偏偏不以正常的“连续律”认知的人或许会说:这是一个对勾,其一侧向右弯曲,并且与一个带四条放射线的类似C的图形连成一体如下图所示。
  失去连续律的Dictionary。comlogo
  
  如果没有连续律,人们看待Dictionary。comlogo的方式或许也会不同。
  闭合律
  人类的心理不喜欢有头无尾的东西。当我们看到一件未完成的图形时,我们倾向于“完成”它,即便只是在想象中。这便是格式塔原理中的“闭合律”(principleofclosure)。
  许多世界知名的logo都利用了闭合律,以最少的线条便达到了最生动的效果。以世界野生生物基金会(WorldWildlifeFund)的标志为例。在这个标志中,我们会“感知”到熊猫脑袋上的那道曲线,虽然事实上这条线并不存在。
  
  Logo:世界野生生物基金会
  
  或许闭合律最有名的例子是FedEx的logo中那个“隐蔽”的箭头。这个箭头并没用动用任何线条,而是巧妙第利用了字母E和字母X的轮廓。
  Logo:FedEx
  
  本文转载自:视觉中国
投诉 评论 转载

身为现代前端人员,不懂响应式怎么行?响应式网页的话题随着如今移动互联网的盛行又被推到了很重要的位置,有相关人士预计,移动互联网的数据流量将在2015年超越桌面端的流量。你一定听说过,我们目前正处在“后PC时……为什么要避免使用汉堡包菜单今天约莫是中秋节。从去年开始我讨厌中秋节,因为不好的事情从去年中秋开始。唔貌似有些天没有更新博客了,与其说是没时间没精力,不如,说是没有心情了吧。从前,秋天的假期例如中秋……移动终端产品与PC产品设计的不同之处时间的流逝总是让人不可思议,而时间匆匆走过后所留下的痕迹更是让人喜出望外,不要着急,你想要的时间总会给你。恩,我们开始先聊聊人生谈谈理想。原本想写一篇学术性的文章,而因这……数据的威力:改变你的过往产品经验相信大家做产品到一定经验之后,很多时候都会依据自己的经验去设计产品,可能经验已经被过往的产品验证过了,所以在设计新产品的时候没有多加考虑。进入大数据时代后,我发现这一经验法则不……脱水技术文!聊聊IPHONE6分辨率与适配苹果春晚刚结束,就有同学针对iPhone6给出了分辨率适配的方法,纯脱水技术文,赶紧来学习一下!开篇先送个宝贝:是不是被各种分辨率搞晕了?看看这个,一张大图标全……简化不是这么干的!如何从两个方面正确简化产品?很多设计师同学为了适应简约的潮流,在简化产品方面绞尽脑汁,但简化不是两个不要:这个不要,那个也不要,简化是一个细心活。今天教同学们简化双板斧:重点是什么,何时简化。赶紧来学一下……搜狗微信搜索的产品逻辑大家可能会经历这样一个情况,在朋友圈里看到了一篇非常好的文章,当时没有点收藏,几个月之后突然要找那篇文章,翻了很多朋友圈的文章没有找到。搜狗的微信搜索就是围绕用户的这一痛点而建……为产品设计“心智模型”小编推荐:评价如今智能产品的好坏标准是能否按用户的指令完成用户的目标,而越来越智能的产品带来方便的同时也给人带来很多困惑,本文提出的心智模型是期望产品能够自我学习,自我适应,变……无干扰阅读体验写在前面:文中所述来自于我在UXLS和WordCampZurich的讲话,在此,我再次感谢活动组织者的邀请以及他们的筹备工作。几个月前,我难以自制的沉浸在KenyaHar……格式塔原理与设计心理学“格式塔”(gestalt)在设计中是一个被广泛使用的字眼。它来源于德语,意思是“形式”或“形状”,一般用来描述整体大于部分之和这一现象。在心理学上,“格式塔原理”则是我们从整……用户丢失的安全感应该谁来买单小编推荐:对于安全感缺失这一问题,小编端午回家和爸妈聊天有深刻的感触,爸妈不敢网上购物,不敢用支付宝支付,很多我们看起来很正常的在爸妈的眼中都有严重的危险、、这种现象作为产品人……PM怎么开一场漂亮的产品方向性会议我们公司准备做一个美发领域的项目,分别有两个产品,一个是B端(Business),另一个是C端(Customer)。今天公司突然跟我说下午开会,让我讲讲产品想法,主要是方向性的……
职场的语录职场的语录60条职场正能量的语录摘录职场的语录职场的语录摘录36条职场的语录职场正能量的语录职场正能量的语录摘录常用职场的语录48条职场的语录50条职场心灵鸡汤语录摘录职场心灵鸡汤语录65条黄唇鱼鱼鳔怎么吃?黄唇鱼鱼鳔如何吃?藤沙发选购技巧大全藤沙发的清洗及保养基于ApacheCamel引擎实现企业应用和接口集成法院处理离婚财产分割遵循哪些原则?夜读做到这几点,你会越来越优秀一箱蜂一年能分几箱?他进SM公司不到一年,就在顶级天团大势,更被称为空降的主唱偷偷录音爆总统绯闻,当年震惊全美,结局会怎样?红狐狸宝石(一)揭秘职场上爱炫耀的人背后的真相美丽的家乡作文500字做变蛋的配方是多少?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界