关灯
开启左侧

聊聊大家熟知的格式塔原理,结合厨房故事进行解读!

[复制链接]
大菲 发表于 2018-9-17 10:13:37 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
聊聊大家熟知的格式塔原理,结合厨房故事进行解读!
20世纪早期,一群德国心里学家研究了人类大脑认知事物的方法。Die Professoren发现大脑会自动无意识将眼睛看到的东西简化、整理和排序。在研究中,认知的特定模式浮出水面,称为格式塔法则。这四条法则引起了设计师的特殊兴趣,问世以来,被广泛应用于设计领域。
1.接近性
其含义我们理解为“将彼此靠近的事物视为同组内容“。
根据另一个名为“共同命运法则”的相关法则,我们将向同一个方向运动的事物视为同组内容;人为地通过将彼此相近的内容组成一组来避免产生繁乱和杂乱无章的布局结构。离得近的事物彼此之前关联性、亲密性更强,在视觉感受上看起来像一组的内容。
《厨房故事》故事页面标题字与正文、头像与名字、图片与文字在结构上保持相近,用户在观看时可以自动将他们看成同组内容,识别起来清晰明了、层级分明。
1.png
2.相似性
人的大脑会将具有相似属性(例如颜色相同或形状相同)的事物归为一组。俗话说“物以类聚”。在布局中,我们可以利用相似性通过统一性来组成组织性和秩序。
厨房故事(所有食谱):页面中展示的食谱列表,采用统一的播放、点赞、时间按钮,同时布局位置相同;tabbar同样采用一样的方式,整体感觉非常一致、有序。
2.png
3.连续性
我们的大脑会从图案的结束位置进行延续。视觉倾向于可以连续感知的事物而不是碎片化的东西;也就是说,我们的眼睛会追随线条的方向而运动。利用连续性这一概念能够为你的布局添加方向感和运动感。因此,让你的页面流动起来。
厨房故事(用刀技巧):视频从上往下,从左往右依次排列,在视觉流程上保持了连续性,符合观者心里预期。
3.png
4.封闭性
我们会在脑中将空缺填满,自动补齐眼睛看不见的部分内容,从而形成一个可以感知的形状。
厨房故事(小贴士):我们在这里看到两张图片没有完全表现出来,即使只设计了一部分,观者在观察时自己同样能够感知到设计师的整体想法,补齐完整部分,这种方式同时为整个页面增加了趣味性,显得更为活跃。
4.png
总结:
运用格式塔法则能够帮助你引导观者的视线。在观看的路径中,视觉层次会帮助观者分清内容优先级,获取自己想要的信息,希望以上关于格式塔原理的分析能够帮助到你,大家也要在学习设计规范的同时要思考怎么将各种基本原则灵活运用到作品中。

 

精彩评论22

正序浏览
了不起的张 发表于 2018-9-17 10:22:46 来自手机 | 显示全部楼层
 
不就是赞吗,给你
 
P图好累啊 发表于 2018-9-17 10:26:10 | 显示全部楼层
 
这么闲  不耍朋友 写什么文章
 
王什么羽 发表于 2018-9-17 10:26:47 | 显示全部楼层
 
喜欢菲姐的讲解,有趣易懂,喜欢喜欢么么哒
 
大菲 发表于 2018-9-17 10:27:40 | 显示全部楼层
 

:你们这些人
 
 楼主| 大菲 发表于 2018-9-17 10:29:35 | 显示全部楼层
 
王什么羽 发表于 2018-9-17 10:26
喜欢菲姐的讲解,有趣易懂,喜欢喜欢么么哒

你们的喜欢是我继续分享下去的动力,嘻嘻
 
了不起的张 发表于 2018-9-17 10:55:06 来自手机 | 显示全部楼层
 
P图好累啊 发表于 2018-9-17 10:26
这么闲  不耍朋友 写什么文章

似乎有内幕啊,菲姐耍的什么朋友
 
望楼 发表于 2018-9-17 10:58:08 | 显示全部楼层
 
菲姐耍什么朋友,你不爱我们了吗
 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 最佳新人

    注册账号后积极发帖的会员

0关注

8粉丝

191帖子

排行榜
关闭

站长推荐上一条 /1 下一条

官方微信

全国服务热线:

400-0708-360

公司地址:国家西部信息安全产业基地(成都市高新区云华路333号)

邮编:610000    Email:2908503813@qq.com

Copyright   ©2015-2016  EOIT论坛Powered by©Discuz!    ( 蜀ICP备11000634号-7 )