基于Gestalt 原则一些的设计思考.pdfVIP

基于Gest alt 原则的一些设计思考 一、Gestalt是什么 ？ 词意为“形式” ，但与我们说的形式的意义不完全相同 ，它揭示 人的感知 ，特别是占主要地位的视 知觉 ，并不是直接的镜像反应 ，它能对所看到的的“形” （视觉、声音或触觉信息 ）进行选择、组织 、加工 ，也就是阿恩海姆所说的“知觉本身具有一定的’思维’能力” ，视知觉并不是对刺激物的被动 重复 ，而是一种积极的理性活动。简言之 ，格式塔就是由知觉活动组织过经验中的整体 。 二、Gestalt Psychology 5大规律 Gest alt Psycho logy 在研究人知觉的“思维能力”的过程中 ，发现 大量的知觉 （主要是视觉 ）规律 ，尽管还没有哪种学说可以令人信服地解释这些规律背后的心理机制 ，但是作为非常稳定的现象和 规律 ，它们可以常常被运用与设计中 ，主要的知觉规律包括完型论 （整体论 ）、选择论、简化论、 连续性、相似性。 三、Gestalt Psychology 的规律应用 1.完型论 （整体论 ） 完型论强调人们通过视知觉活动 ，将感知到的形态加以组织 ，形成经验中的整体 ，而非客体本身。 刺激物的形状、大小、颜色、强度等物理属性方面比较相似时 ，这些刺激物就容易被组织起来而构 成一个整体。设计中通过相似性和秩序性的元素牵引用户的视觉 ，使用户意识到单独模块内容之间 是关联的。图中的小米商城就运用色彩和形状的相似性、顺序标识引导 ，当用户处在购买详情页时 ，就能马上意识到这4块内容是相关联的 ，都是为 选择机型所做的操作。 2.选择论 积极的选择是视觉的基本特征。然而当图的轮廓出现不完整、未封闭、形状不规则、面积较大等图 底关系不明确的情况下 ，就容易出现错觉中的“两难图形” ，整个界面很难Do n’t make me t hink。中 国的传统国画在这方面做的很棒 ，国画中的白色为底 ，可以是湖水、可以是远山、可以是天际 ，可 以是云海。这些元素具备 “底”的特质 ：“不完整”、“未封闭”、“形状不规则”、“面积较大”等。留白在 被赋予各种各样的意义同时 ，在不影响“底”的表达情况下 ，增加 画面的意境。 O pera Coast 在构图上巧妙的遵循 “图”与“底”法则 ，与国画类似 ，开放式的“底” （冷峻磅礴的高楼 ）在被赋予“情怀”体验的同时 ，保证 聚焦式“图” （网站导航 ）的信息的准确传递 ，与此同时还彰显 产品独特的气质 （品质、典雅 ）。 3.简化论 人们对一个复杂对象进行知觉时 ，只要没有特定的要求 ，就会常常倾向于把对象看作是有组织的简 单的规则图形。 在设计过程中 ，要注意外界线索的充分性 ，从而保证用户图式与产品图式之间的正确映射。界面中 信息传递元素、视觉元素该如何表示 ？哪些是可操作的 ？哪些是不可操作的 ？这些元素代分别代表 什么意思 ？如果我们处理不好 ，很有可能会使用户的简化倾向与现实中的这些困惑产生冲撞。这 方面 ， w it t er处理的很好 ，Ico n 或Ico n+文字组合 （Ico n视觉面积更大 ）表示可操作But t o n、蓝色 的文字或蓝色的文字+ Ico n组合表明支持点击的But t o n或导航链接、附在不可点击的文字说明 （ 灰色 ）的旁边的Ico n （文字面积更大 ）作为该文字的一种状态补充 ，比如这位用户真的是盖茨 ，因 为在他昵称旁边有认证标识、盖茨住在西雅图 ，因为在地名旁边有地理位置标识。 4 .连续性 如果一个图形的某些部分可以被看作是连接在一起的 ，那么这些部分就相对容易被我们知觉为一个 整体。 界面设计中连续性主要体现为减少冗余的步骤和干扰项 ，避免用户的注意力转移。这方面苹果原生 天气软件做的很好 ，一个天气界面需要承载很多信息元素 ，为 避免用户看 这个忘 那个 ，保持 信息传递的连续性 ，界面首先运用 “图底关系” ，以开放式的天气状态动画作为底 ，烘托产品氛围 ， 现在是晴天 ，再往下浏览详细信息时 ，界面又运用 “标题栏式浮层交互”保留上一模块中的重要信息 ，保证 信息接收的连续性。 5.相似性 在整体论里已经提过 ：“刺激物的形状、大小、颜色、强度等物理属性方面比较相似时 ，这些刺激物 就容易被组织起来而构成一个整体。” 今日头条通过相似性原则将已读的资讯进行灰度处理 ，帮助用户明白哪些资讯已经浏览过 。 这样的相似性手法还有很多 ，6.1.0版的Q Q面板将5.9.1的蓝色Navigat io n Bar改为与面板底色相同的 白色 ，保持 面板的整体性 ，使用户能够更加聚焦于面板内容本身。 、写在最后