首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 人生哲理 > 正文

    魔法造型 艾米丽作品 [设计师的魔法棒：格式塔原理]

    时间：2018-08-11来源：山茶花美文网 本文已影响 人 山茶花美文网手机站

    格式塔原理——图形与背景、接近、相似、闭合、连续、简单、均衡

    ——格式塔心理学科是认知心理学中的一个重要理论，在视觉设计中已经有较大的影响。若去深究格式塔原理，可能需要相当长的时间来学习理解，作为交互设计师和界面设计师，其实只要理解这几个原理的含义和使用方法，就可以对自己的设计做出指导和支撑了。

    下面来谈谈我自己对这些原理的理解：

    图形与背景原理

    ——知觉帮助我们把图形从背景中分离出来。图形与背景的对比越大，图形的轮廓越明显，则图形越容易被发觉。

    图例：当白色方块越来越大，它就渐渐的退居为背景，而橙色方块从背景渐渐的变为了图形。通过面积、颜色、轮廓等等，我们可以较好的把握图形与背景的关系。

    设计师的魔法棒：格式塔原理1

    实例：将签名档文字灰化，降低与背景的对比，使得签名档文字比昵称和头像更接近背景，起到了弱化的作用。

    设计师的魔法棒：格式塔原理2

    接近原理

    ——距离(位置)相近的各部分趋于组成整体。这是最简单、也是最常用的原理。

    图例，知觉上更倾向于意识到“3组圆”，而不是“6个圆”：

    设计师的魔法棒：格式塔原理3

    一个最简单的应用实例：6个一排的按钮看上去有点多，而且“过”也混在其中了，将6个按钮的距离分开一点点，就可以将按钮分为两组，从而解决了问题。

    设计师的魔法棒：格式塔原理4

    另一个案例，产品想要在奖状面板上加一个分享按钮，交互建议按钮放在奖状外，因为奖状上加大按钮容易破坏奖状原本的整体感(从而可能要修改奖状)，而分享按钮可能在除奖状外的多个图形上用到，导致对按钮的适应度要求变高：

    方案1——需求(请忽略按钮颜色和质感，这并不是视觉稿)

    设计师的魔法棒：格式塔原理5

    方案2——交互方案(策划担心此方案会导致在较花的游戏界面中，按钮和奖状看上去不是一个整体)(请忽略按钮颜色和质感，这并不是视觉稿)

    设计师的魔法棒：格式塔原理6

    实际效果——还是觉得“分享给好友”是针对奖状的，对吗?这正是“接近原理的力量”(如果再通过程序，给两块都加上一些阴影，就更整体了——相似原理)

    设计师的魔法棒：格式塔原理7

    相似原理

    ——在某一方面相似的各部分趋于组成整体。

    图例，知觉上更倾向于意识到“3组圆(接近)”或“2种圆(相似)”，而不是“6个圆”：

    设计师的魔法棒：格式塔原理8

    实例：想想看，如果第二排按钮也是彩色…^_^

    设计师的魔法棒：格式塔原理9

    实例：利用相似的样式，使知觉自己将其编组。这个原理其实已经用的很多，就不多说啦。

    设计师的魔法棒：格式塔原理10

    闭合原理

    ——彼此相属、构成封闭实体的各部分趋于组成整体。

    图例：知觉上更倾向于意识到“1个圈和1个点”，而不是“9个圆”：

    设计师的魔法棒：格式塔原理11

    实例：左右两个方案哪个看上去更简洁生动呢?

    设计师的魔法棒：格式塔原理12

    连续原理

    ——在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线，使曲线继续成为曲线。

    图例：知觉上会弱化这些分割所带来的“块”，而依然意识到“直线、圆、曲线”。

    设计师的魔法棒：格式塔原理13

    实例：最常见的就是表格了：

    设计师的魔法棒：格式塔原理14

    有时候为了简化界面，会去掉一些分隔线，导致“连续感”变弱，而“接近感”变强，使得知觉上更倾向于意识到“列”，而用户理智上当然会想要去看成 “行”，这种理智与情感背道而驰的时候，就会带来不舒适的感受。此时我们通常会建立一个“连续感“，一个起“引导、学习、辅助阅读”作用的条状背景，建立了一个“连续的规律“，当知觉意识到这个规律，不舒适的感受就会大大降低。

    设计师的魔法棒：格式塔原理15

    当然“连续“我们也可以解读为”当知觉轻松的发现一个视觉规律后，倾向于主动的将对象按照规律延续下去“，例如”一排点“

    设计师的魔法棒：格式塔原理16

    简单原理

    ——具有对称、规则、平滑的简单图形特征的各部分趋于组成整体。

    图例1：知觉上更倾向于意识到“1个对称的图案”，而不是“7个符号”：

    设计师的魔法棒：格式塔原理17

    图例2：下面四个图形的认知难度大约是“圆≈方≤星<多边形”。

    设计师的魔法棒：格式塔原理18

    个人认为，简单原理还可以解释为“与过去学习到的规律一样的、相似的对象更容易认知”，当然这其中也有“连续原理”的知觉连续性。

    均衡原理

    ——知觉倾向于寻求视觉组合中的秩序或平衡。

    图例：有没有觉得很不舒服呢?因为知觉会认为大圆更重，而图形给我们的理解与知觉正好相反。

    设计师的魔法棒：格式塔原理19

    如果改成这样，似乎好了很多，因为“空心“降低了大圆的”重量“。

    设计师的魔法棒：格式塔原理20

    实例：图1中，知觉给我们的感受是“一个整体的小人站在背景上(QQGAME中最多的就是这种Avatar)“，而图2毫无征兆的”肢解“，打破了图1带给我们的整体感，知觉上就会觉得不舒适。图三则做了一个窗户，让角色从窗户中钻出来，隐藏了一部分身体，巧妙地满足了知觉要求的和谐感。

    设计师的魔法棒：格式塔原理21

    文章来源：腾讯GDC

    • 魔法造型 艾米丽作品 [设计师的魔法棒：格式塔原理] 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文魔法造型 艾米丽作品 [设计师的魔法棒：格式塔原理] 由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.