编辑导语:如何在产品设计中把握用户心理,提升用户体验,实现设计中的审美追求?或许,你可以结合格式塔心理学的原理,做出一个合理的UI设计。在这篇文章中,作者解释了格式塔原理在产品设计中的应用,让我们来看看。
今天,我将与你分享格式塔心理学的设计原则,这是麦克斯沃特海默在1923年发表的一篇论文,并成为最有影响力的早期建议。
格式塔原则是设计师,任何学习都可以在那里重要思想集合,它们的实现不仅可以大大改善设计的美观性,也可以大大改善其设计美感,其功能和用户友好性。
分享提纲:
邻近定律相似性原则封闭性原则连续性原则对称性原则共同命运原则1。邻近定律相互靠近的事物比相互分离的事物更有联系。我们的大脑将这些紧密放置的元素集合视为一个组,邻近定律可以是UI中广泛使用的更清晰知道元素之间关系,
那么它是如何在UI中应用的呢?
左边的卡片,文字排版有点散,导致信息理解的误判。卡片右侧集中了排版信息,方便表达同一主题。
第二,相似性原则相似,具有外观视觉和更容易,的元素被用户认为是相似的对象。在格式塔理论中,相似的元素被视觉分组,颜色,形状和大小.可以将它们排列在一起
虽然上图中左侧的距离是一样的,但是色彩不一样,我们的视觉感知会自动把这两种颜色当成两组。
如何应用到UI设计中?
如上图,在UI设计中,按钮大小形状一样和颜色是不同的,所以我们会把它们作为两个重要的功能。
因为相似性原理,我们知道有颜色字体可以在点击.相似性可以让整个UI系统更加一致性,体验更友好。运作
三、闭合原理当物体不完整时,我们更倾向于完整的形状,于是我们自动填充元素之间的空隙来感知完整的形象,比如形状,字母,图片等等。具体来说,当整张图片的某些部分丢失时,我们的感知会填补视觉空白。
网上一张很有名的图。
如上图所示,即使小狗元素由不规则和小点,组成,我们也能认出它。
如何应用到UI设计中?
装载指示器中广泛采用封闭原理,便于用户理解。左侧的加载过于分散,用户很难联想到加载,所以右侧的思路是符合封闭原则的。
封闭原则在图形标志设计中也很常见。
四、连续性原则连续性法则一般从一条直线或曲线,的终点开始,一直延续到终点。我们觉得用直线或曲线来排列形式的物品更贴切。
如何应用到UI设计中?
在标签栏的设计中,我们把横向相连的作为一组来表达一个功能意义。
在上面苹果和Medium的设计中,标签是横向排列的,方便用户横向滑动找到对应的功能。
五、对称性原理我们的大脑将对称的物体视为同一组的一部分。它们给人的印象是稳定有序,对称的UI元素帮助了扫描内容和浏览信息.
如何应用到UI设计中?
在夸克和Naver,的产品设计中,底部图标网格菜单采用对称平衡的方法来排列网格列表上的功能。
六、共同命运原则(lawofcommonfate)是指在其他条件相同的情况下,朝同一方运动和具有相同速度的要素将组织在一起。
这个原则是运动设计的基础。每一个有意义的动画都会用一个共同的命运,用正确的方式引导用户的视线。这有助于将内容与触发器相关联。
的动作联系起来。如何应用到UI设计中?
如上图,向左滑动可以显示更多的内容,因此在设计时候就需要保证在统一方向上,让它们有着共同属性。
人眼能够根据不同的聚焦计划分离对象。我们直观地知道哪些元素放置在前景中,哪些元素放置在背景中。
在模态弹出窗口时,就可以见证“图形地面原则”的实际使用。
如上在弹窗设计中,我们经常会将背景叠加黑色便于突出前景弹窗内容。
上图中在版式上使用图地原则,清晰区分信息层级,通过圆形和鞋子前后关系,营造视觉焦点。
格式塔心理学知识在UI设计中的运用远远要比我今天说得要多,大家可以在项目实践中去慢慢理解运用。这是个比较重要的设计理论学术,希望大家可以掌握后学以致用。
Tony,微信公众号:功夫体验设计,人人都是产品经理专栏作家。百度视觉体验设计师,一直坚持原创文章,乐于帮助新人。擅长作品集指导、笔试题指导、UI视觉创意、设计趋势风格等。
本文原创发布于人人都是产品经理。未经许可,禁止转载。
题图来自Unsplash,基于CC0协议