江苏龙网

  1. 主页 > 生活百科 > >

超详解析这7大指标 用户体验优化7大指标

格式塔原则是任何设计师都可以借鉴的一套重要理念 。它们的实现不仅可以极大地改善设计的美感 。
分享大纲： 1.邻近定律
2.相似原理
3.封闭的原则
4.连续性原则
【超详解析这7大指标 用户体验优化7大指标】5.对称原理
6.共同命运原则
7.地图土地原则
一、邻近定律 彼此接近的事物比彼此分离的事物更相关 。我们的大脑将这些紧密放置的元素视为一组 ， 邻近定律可以更清楚地知道元素之间的关系 ， 在UI中被广泛使用 。
那么在UI中如何应用呢？
左边的卡片 ， 文字排版有点散乱 ， 导致信息理解的误判 。卡片右侧集中了文字排版信息 ， 便于表达同一主题 。
二、相似原理 具有相似视觉外观的元素更有可能被用户认为是相似对象 。在格式塔理论中 ， 相似的元素可以通过颜色、形状、大小等进行视觉分组 。
上图中 ， 虽然左侧距离相同 ， 但是颜色不同 ， 我们的视觉会自动将两种颜色分别作为两组 。
如何应用到UI设计中？
如上图 ， 在UI设计中 ， 两个按钮大小形状相同 ， 而颜色不同 ， 所以我们会把它们看成两个重要程度的函数 。
因为相似性原理 ， 我们知道一个有颜色的字体是可以点击的 。相似性可以让整个UI系统更加一致 ， 体验更加友好 。
三、封闭原则 当物体不完整时 ， 我们更倾向于完整的形状 ， 于是我们自动填充元素之间的空隙来感知完整的图像 ， 比如形状、字母图片等等 。具体来说 ， 当整张图片的某些部分丢失时 ， 我们的感知会填充视觉空白色 。
网上一张著名的图片
上图中 ， 即使小狗元素是由个不规则圆点组成的 ， 我们也能认出来 。
如何应用到UI设计中？
封闭原理在加载指示器中应用广泛 ， 易于用户理解 。左侧加载过于分散 ， 无法提醒用户加载 ， 所以右侧的思路与封闭原则一致 。
封闭原则在平面标志设计中也很常见 。
四、连续原则 连续性定律一般从一条直线或一条曲线的端点开始 ， 继续到达端点 。我们认为以直线或曲线的形式排列对象更合适 。
如何应用到UI设计中？
在标签栏设计中 ， 我们将水平连接的标签栏视为一组 ， 以表达一种功能意义 。
在上面Apple和Medium的设计中 ， 标签是横向一组排列的 ， 方便用户横向滑动找到对应的功能 。
五、对称原理 我们的大脑将对称的物体视为同一组的一部分 。它们给人的印象是安定有序 。对称的UI元素有助于扫描内容和浏览信息 。
如何应用到UI设计中？
在 Quark 和Naver的产品设计中 ， 网格菜单显示在底部 ， 功能以对称平衡的方式排列在网格列表上 。
六、共同命运原则 共命运法则是指在其他条件相同的情况下 ， 向同一方向运动的元素和向同一方向运动的元素会被组织在一起 。
这个原则是运动设计的基础 。每一部有意义的动画 ， 都会用共同的命运 ， 用正确的方式引导用户的目光 。这有助于将内容与触发的动作相关联 。
如何应用到UI设计中？
如上图所示 ， 向右滑动可以显示更多的内容 ， 所以在设计时需要保证它们在统一的方向上有共同的属性 。
七、图地原理 人眼可以根据不同的对焦方案来分离物体 。我们直观地知道哪些元素放在前景中 ， 哪些元素放在背景中 。
当模态弹出窗口出现时 ， 可以见证“图形地原理”的实际使用 。
如上所述 ， 在弹出窗口设计中 ， 我们经常叠加黑色背景 ， 以突出前景中的弹出窗口内容 。
上图中 ， 在布局上运用了画的原理 ， 清晰地区分信息层次 ， 通过圆与鞋前后的关系 ， 营造视觉焦点 。
总结 格式塔心理学知识在UI设计中的运用远不止我今天说的这些 ， 我们可以在项目实践中慢慢理解和运用 。这是一个重要的学术设计理论 。希望你能掌握所学 ， 学以致用 。


    推荐阅读


    上一篇：今晚我想看魅族手机发布会直播，请问哪里可以看到 魅族科技有限公司官网

    下一篇：电商详情页设计步骤 商品详情页设计与制作