• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 超多实例!解析「接近法则」在设计中的应用

超多实例!解析「接近法则」在设计中的应用

作者:熊猫设计院 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含心理学,接近性原则,方法论,格式塔,格式塔原理,经验分享,设计心理学,设计方法,设计法则等相关知识,熊猫设计院希望在学习及工作中可以帮助到您

前言:交互设计之父阿兰·库珀说过这样一句话:「除非有更好的选择,否则就遵从标准。」在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,笔者通过一些实例来解析下这些原则在设计中的应用。

上篇文章《实例解析「奥卡姆剃刀原理」在设计中的应用》跟大家简单的分享了「奥卡姆剃刀原理」的概念及在设计中的用法,接下来本文要跟大家聊聊「接近原则」在设计中应用。

一、接近原则简介

格式塔理论自1912年由韦特海墨(M,Wetheimer)提出后,在德国得到迅速发展。由于苛勒(K,Kohler)和考夫卡(K,Koffka)的访美以及他们的著作被翻译成英文,这种新的理论引起了美国心理学家的注意。

格式塔理论是心理学中为数不多的理性主义理论之一。格式塔学派以某些相当抽象的,与知觉和思维的性质及心理经验的结构有关的观念解释了熟悉的观察资料。

根据格式塔(Gestalt)心理学:当对象离得太近的时候,意识会认为它们是相关的。

二、接近原则在设计中的应用

将相似的、有关联的信息尽量摆在一起,不要让用户迷茫,要他在潜意识里就知道在哪里能找到自己想要的信息。

案例一:比如登录界面的输入框与按钮,我们在使用任何一款 APP 产品的时候都会遇到登录或者注册页面,而且输入内容部分下面一定会有个按钮,原因就在于输入内容和按钮本身存在联系。因为,输入内容之后需要通过点击按钮来提交输入的内容,通常输入框附近一定会有提交按钮。

案例二:比如今日头条及优酷视频信息布局,在今日头条和优酷视频的信息条目中,我们一眼都能发现,标题和图片是表示同一类的信息,因为它们是放在一起,具有相关性。

三、写在最后

以上就是我对于「接近原则」的理解以及其在日常设计中的用法,希望对大家有点启发,同时欢迎大家与我们进行交流探讨。

欢迎关注译者微信公众号:「熊猫设计院」

「更多实例让你轻松了解格式塔理论」

  • 《学会这5个法则,轻松掌握格式塔理论!》
  • 《大产品小细节!5分钟了解格式塔原则》
  • 《格式塔原理中的接近性原则是如何影响排版设计的?》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 交互设计和心理学之间的18条奇妙联系
  • 对于「以人为中心」的设计,你的理解可能太浅显了
  • 超全面!体验设计中的「功能可供性」基础科普
  • 想用设计化腐朽为神奇,你得先想明白这10个问题
  • 如何做好 Banner设计?我总结了这4类基础知识
  • 那些很熟悉但又叫不出名字的设计法则:选择架构
  • 交互基础小课堂!如何利用 “峰终定律” 改善用户体验?
  • 超全面!设计师必须了解的美术基础
  • 这些价格设置小策略,说不定让你的销量翻一翻!
  • 超多实例!解析「接近法则」在设计中的应用

相关文章

  • 2018-08-23UI 新手福利!iOS系统图标栅格系统全方位解密
  • 2017-08-06jquery-multiselect在ie6里的一个bug的解决方法
  • 2017-08-06盲人站长深恶痛绝的onfocus=”this.blur()”
  • 2018-08-23为了拖尾款,甲方竟然要当我的男朋友…
  • 2018-08-2310分钟科普!那些不明觉历的“交互设计方法论”到底是什么?
  • 2017-08-06最新18个绿色风格网页设计作品欣赏收集
  • 2018-08-23图层英文怎么写?来看看Apple官方写法(Bars篇)
  • 2017-08-06窗口中的各种距离/滚动距离的精确计算汇总
  • 2018-08-23在配色这件事情上,总会有一些有趣且有用的小技巧
  • 2018-08-23Sketch 49 的交互原型新功能怎么用?来看这篇教程!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • css元素隐藏原理及display:none和visibility:hidden
    • 在配色这件事情上,总会有一些有趣且有用的小技巧
    • 设计道理谁都懂,为什么换自己就不会?
    • 为什么蓝色会成为UI设计中最常用的色彩?
    • 分享8款非常有用的 CSS 开发工具
    • 设计中不可忽略的产品状态之交互设计的分析
    • 超实用!通用设计法则解析之「无障碍使用」
    • 如何提高设计能力?来看腾讯设计师这个方法总结
    • 想营造出80年代的复古风格?下面的建议不要错过
    • 实用干货!如何进行一场高质量的UI设计评审?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有