格式塔与设计
格式塔作为心理学上一个著名理论,强调的是整体性大于局部作用的重要性,灵活的利用格式塔理论我们将使我们的设计更加的易于用户解读。
现将使用频率最多的原则总结如下:
- 相似性原则
- 封闭性原则
- 连续性原则
- 闭合性原则
- 邻近性原则
- 图形与背景关系原则
我讲通过一些例子来描述每项原则,愿你能更好的理解。
相似性原则
人的潜意识会将视线内一些相似的元素自动整合成整体。
在众所周知的梵高名画《繁星》中,由于强烈的对比我们能轻易的识出夜空中的繁星:
•代表星星的圆球都是相同的黄色。
•绘制星星边缘的笔刷都是围绕着圆球中心的分布,且方向一致。
这两种相同的特性让我们轻而易举的将繁星从夜空中区分出来,并突出了繁星。
接下来我们观察Tumblr是如何应用相似性原则的。如下图所示,不同图标代表了发布博客的不同方式。
相似性体现在哪儿呢?
•每个图标下都有文字说明。
•图标的大小,文字说明的字体以及大小都是相同的。
•每个图标都被均匀的分布在了空间内。
从发布博客的过程中我们了解到什么?
•作为用户,我们知道这些图标都可以发布博客。
•我们也清楚的知道每个图标代表的不同意义,能满足我们不同的需要。
封闭性原则
当对象周围有环绕闭合的边界,视觉上会将此类目进行归纳分组。
我们将用Facebook页面的三个板块来讲解封闭性原则在交互中的应用。
第一,整体页面(截图中边框强调所示)。Facebook界面中有内容的页面都是白色背景,此外,通过浅灰色边框线将其与淡灰色背景相分离,形成封闭区域。
第二,正文页面。图片以及其所附加的标题,描述,成组展示,清楚的强调了页面所包含的主要信息。
第三,评论部分。社交板块所有的信息都是淡蓝色背景,以此形成一个封闭空间,用户可轻易的找到评论区。
这些封闭提供的功能可见性,将各个功能区分类,准确有效的显示了信息。
连续性原则
如果一个图形的某些部分可以被看作是连接在一起的,这些部分会被我们知觉为一个整体。
如图是Google Maps的路线截图,通常我们会把那一连串的小蓝点看作是一条路线。
在现实生活中我们的路线必定是一条线,但没有什么比虚线所展示的路线方向更为直观。通过GPS定位,地图中代表用户的小图标将根据用户的前进而在地图上移动,我们全然依靠蓝点组成的虚线为指引。
另一个应用了连续性原则是媒体播放器。
这条线所代表的是歌曲所播放的进程,当音乐播放时,颜色会发生改变。我们将第二个颜色的进程线作为第二线,随着音乐播放他会变长。当然,他不能超过初始线的长度。在此给我们的提示是当第二线与初始线完全重合,这段音乐即完成播放。
这种视觉效果的信息传达,我们不常用“名词”(箭头),而是“动词”(动效,播放进程中的交互)来阐述它。要知道这样会更直接的让用户了解播放进度。
闭合性原则
当图形是一个残缺图形,但主体有一种使其闭合的倾向,即主体能自行填补缺口而把其知觉为一个整体。
在Twitter的界面中,当你收到通知,一个显示了数字的方块会覆着在图标上。
直到阅读通知消息,这个提示消息都一直在。
仔细观察在The Urban Outfitters在线商店的网页,当你添加商品到购物车中会发生的一切。
• “添加到购物车”转换为“已添加”
• 添加数次会出现在导航栏中购物车的旁边
• 一个模块会从右上角向下滑,以再次确认你将添加商品。
一系列的提示都可知我们已经成功将商品添加到购物车,省去了再次打开购物车界面去确认的麻烦。
邻近性原则
空间中距离相近的元素会被看作一体。
如下是Twitter的个人信息界面:
头像,背景图,显示名称,用户名作为用户的基本信息成组显示。在用户基本信息之下则是用户在Twitter的使用情况。
截图中的粉色线覆盖在用户基本信息和Twitter使用情况之间,为这两区形成了分界,以避免由于位置的邻近而造成的信息混乱。
试看Twitter对临近性原则应用的另一个例子:
转发,收藏,还有评论推文等功能成组显示,且处在明显低于图文的位置。
粉色线条强调的部分显示了功能的分区,你能够根据数字与图标距离之间的远近来得知他们之间的关系。
留白
你可能一次次的听设计师说:我们需要更多的留白!而这种空白空间也就是负空间。
在很多情况下(并非所有),空白空间被用于形成封闭(在上文已经提到),是一种无形的边界。通过空白,我们能够清楚的区分各项临近的功能,使得整个页面看起来不那么复杂。
不用添加任何的线条,颜色或者其他元素就能够实现功能作用化。意味着没有任何元素的空白空间(负空间)在功能上等同于正空间。
这个想法也被应用在电话号码上。比起一连串的数字,我们更容易记住分段显示的号码。
E.g. 555-555-5555 vs 5555555555
图片与背景关系原则
在视觉传达中,有些对象突现出来形成图形,有些对象作为衬托成为背景。
在纽约时代的页面中,图片与背景关系原则体现如下:
• 白色,透明的背景减弱了你对原文内容的注意力
• 窗口四周还有着边界和轻微的阴影
在此你会自然的将登录窗口视作前景,而纽约时代主页作为背景。透明背景之下我们仍能够看清也看内容,可以知道我们并没有离开页面。当登陆之后,页面随即会发生改变,前景和背景的内容也将改变。
最小样式
登录窗口的边界大约是1像素宽,阴影度也是相当微弱的,以保证视觉上的舒适。
当我们考虑最小样式时(与极简风格不同),我们必须知道:多少数值是我们尽可能做到能减少影响的。
Deiter Rams的终极原则曾说:尽可能的小,通俗点说就是在设计的过程中我们要避免过度设计,繁杂风格还有过多的步骤。
简化
一个界面的设计势必是融合了很多种不同的交互动作,在此我们希望的是尽可能用最少的动作来实现更多的操作。
如果我们不能做到这样,无关联的空白空间只能让用户烦扰。人们需要了解各项操作是如何实现整合来实现更优的交互体验。
希望你能应用上述的一系列原则,建立一个更直观的界面,为页面设计中所存在的问题找出合适的解决办法。
相关推荐
基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业),个人经导师指导并认可通过的高分设计项目,评审分99分,代码完整确保可以运行,小白也可以亲自搞定,主要针对计算机相关专业的正在做大作业的学生和需要项目实战练习的学习者,可作为毕业设计、课程设计、期末大作业,代码资料完整,下载可用。 基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业)基于Python的天气预测和天气可视化项目源码+文档说明(高分毕设/大作业
2025工业5G终端设备发展报告.pdf
内容概要:本文介绍了一段基于分布式ADMM算法的MATLAB代码,用于电力系统优化调度,尤其关注碳排放交易的影响。代码首先对电力系统进行分区,接着构建DC-DOPF最优潮流问题,考虑碳排放交易的成本,并利用ADMM算法求解。文中详细解释了各个关键步骤,如系统分区、目标函数设计、碳排放交易成本计算以及ADMM算法的具体实现。此外,代码还包括了多种优化技术和实用技巧,如自适应惩罚因子调整、边界条件处理等,确保算法的有效性和实用性。 适用人群:适用于对电力系统优化调度感兴趣的科研人员、工程师和技术爱好者,尤其是希望深入了解分布式算法和碳排放交易机制的人群。 使用场景及目标:①研究电力系统优化调度的新方法和技术;②探讨碳排放交易对电力系统调度策略的影响;③提高电力系统运行效率和环保性能。 其他说明:代码不仅提供了详细的注释和模块化设计,还展示了丰富的可视化结果,便于理解和进一步研究。同时,文中提到了一些实际应用案例,证明了该方法的有效性和优越性。
适配于jdk8版本
自动化生成全套教程
内容概要:本文档《GRP_U8软件近期常见问题85例.docx》详细列出了GRP_U8软件在实际使用过程中遇到的85个常见问题及其解决方案。这些问题涵盖了账务处理、电子报表、工资模块、资产管理、物资管理、成本模块、网上报销、预算编制、学生收费、安装配置以及基础数据管理等多个方面。每个问题不仅描述了现象,还提供了具体的解决步骤或SQL语句。文档强调在执行任何脚本前务必进行整库备份,并提供了维护问题的联系方式。 适合人群:适用于GRP_U8软件的管理员、技术支持人员及有一定数据库操作基础的用户。 使用场景及目标:①帮助用户快速定位并解决GRP_U8软件在账务处理、报表生成、工资管理、资产管理等模块中遇到的具体问题;②提供详细的SQL语句和操作指南,确保用户能够独立解决问题,减少对技术支持的依赖;③指导用户在遇到软件安装、配置及升级相关问题时采取正确的措施。 其他说明:文档内容正在不断完善中,用户可以通过私信反馈意见和建议。此外,文档中多次强调了数据安全的重要性,提醒用户在执行任何操作前做好备份工作。针对某些特定问题,文档还提供了多种解决方案供用户选择,以适应不同的环境和需求。
少儿编程scratch项目源代码文件案例素材-scratch RPG 战斗.zip
内容概要:本文详细介绍了利用模型预测控制(MPC)实现无人艇分布式编队协同控制的方法和技术。首先,通过简化的动力学模型和MATLAB代码展示了无人艇的基本行为预测。接着,深入探讨了编队协同控制的关键要素,包括代价函数的设计、信息交换机制以及分布式MPC的具体实现步骤。文中还提供了具体的Python代码示例,涵盖了从单个无人艇的动力学建模到多智能体之间的协作控制。此外,作者分享了一些实用技巧,如如何处理通信延迟、传感器噪声等问题,并展示了仿真效果,证明了所提出方法的有效性和鲁棒性。 适合人群:对无人艇编队控制、模型预测控制(MPC)、分布式系统感兴趣的科研人员、工程师及高校学生。 使用场景及目标:适用于研究和开发无人艇编队控制系统,特别是希望通过分布式控制实现高效、灵活的编队任务。目标是在复杂的海洋环境中,使无人艇能够自主完成编队、跟踪指定路径并应对各种干扰因素。 其他说明:文中提供的代码片段和理论解释有助于理解和实现无人艇编队控制的实际应用。建议读者在实验过程中结合实际情况进行参数调整和优化。
(3)编写程序验证FIFO和Stack LRU页面置换算法 (4)分别用FIFO和Stack LRU页置换算法,自己设定一个页面引用序列,绘制页错误次数和可用页帧总数的曲线并对比(可用Excel绘制或手绘);能否重现FIFO导致的Belady异常; (5)[选做]编程实现最优页置换算法,用课件上的序列验证。
一个用于骨折分类的医学图像数据集,旨在通过计算机视觉技术帮助研究人员和医疗专业人员准确识别和分类骨折类型。以下是关于该数据集的详细介绍。该数据集包含了多种类型的骨折X光图像,涵盖了常见的骨折类别,如撕脱性骨折(Avulsion Fractures)、粉碎性骨折(Comminuted Fractures)、骨折脱位(Fracture-Dislocations)、青枝骨折(Greenstick Fractures)、发际线骨折(Hairline Fractures)、嵌插性骨折(Impacted Fractures)、纵向骨折(Longitudinal Fractures)、斜行骨折(Oblique Fractures)、病理性骨折(Pathological Fractures)和螺旋形骨折(Spiral Fractures)等。多样性:数据集中的图像来自不同的骨折类型,能够为模型训练提供丰富的样本。高质量标注:数据由专业放射科医生手动标记,确保了数据的准确性和可靠性。适用性:该数据集适用于机器学习和深度学习项目,可用于开发自动化骨折分类系统。该数据集主要用于训练和验证计算机视觉模型,以实现从X光图像中自动识别和分类骨折类型。通过自动化骨折分类,可以提高医疗诊断的效率和准确性,减少人为误判,并帮助医疗专业人员更快地做出决策。是一个极具价值的医学图像数据集,能够为医疗领域的研究人员和从业者提供有力支持,推动医学影像分析技术的发展。
本书《互联网的历史与数字未来》由约翰尼·瑞安撰写,探讨了互联网从诞生到成为全球性现象的历程。书中分为三个阶段:分布式网络与离心思想的兴起、互联网的扩展以及新兴环境下的互联网。第一阶段追溯了互联网概念的起源,包括冷战背景下的军事实验和计算机技术的普及。第二阶段描述了互联网如何从军事网络演变为全球互联网,并催生了万维网。第三阶段则探讨了Web 2.0的出现、网络社会的形成以及互联网对政治、文化和商业的深远影响。瑞安强调了互联网作为离心力、用户驱动和开放性的三个核心特征,并指出这些特征正在重塑我们的世界。
进程封包截取神器,支持TCP和UDP协议封包拦截
最新版kibana-9.0.0-linux-x86_64.tar.gz
子查询练习题,多练习总没有坏处,不知道凑没凑够十一个字
内容概要:本文详细介绍了如何利用Matlab计算二氧化钒(VO2)在可见光到近红外波段的介电常数,并将其应用于COMSOL多物理场仿真软件进行光学性能仿真。主要内容包括:VO2在不同温度下的相变特性及其对折射率的影响;基于Lorentz和Drude模型的介电常数计算方法;Matlab代码实现步骤;COMSOL中材料参数的导入与设置;以及常见错误提示和解决方案。文中还附带了一个详细的30分钟教学视频,帮助读者更好地理解和掌握整个流程。 适合人群:对光学材料、相变材料感兴趣的科研工作者和技术人员,尤其是从事智能窗户、光学开关等领域研究的人士。 使用场景及目标:① 学习并掌握VO2在不同温度下的光学特性和相变机制;② 利用Matlab和COMSOL进行材料参数计算和仿真,为实际应用提供理论支持;③ 解决仿真过程中可能出现的问题,提高仿真精度。 阅读建议:建议读者跟随文中的代码示例逐步操作,结合提供的教学视频加深理解。对于初学者来说,可以先熟悉Matlab的基本语法和COMSOL的操作界面,再尝试完成完整的仿真流程。
内容概要:本文详细介绍了利用COMSOL Multiphysics进行激光打孔过程中热应力耦合仿真的具体步骤和技术要点。首先,通过建立波动光学和固体力学两个物理场,精确模拟了1064nm激光与材料相互作用产生的温度场变化及其引起的热膨胀效应。接着,针对热源加载、网格划分、求解器配置等方面进行了深入探讨,提出了多项创新性的解决方案,如采用移动高斯热源实现精准加热、引入时间条件判断调整热膨胀系数以及优化网格布局等措施。此外,还讨论了材料参数设置中的注意事项,尤其是对于高温合金材料,在不同温度区间内的导热系数和弹性模量的变化规律,并强调了相变潜热的影响。最后,通过对温度场和应力场的综合分析,揭示了激光移动速度对孔洞边缘应力分布的影响机制。 适用人群:从事激光加工、材料科学、热力学研究的专业人士,以及对多物理场耦合仿真感兴趣的科研工作者。 使用场景及目标:适用于希望深入了解激光打孔过程中热应力形成机理的研究人员;旨在提高加工精度、减少缺陷发生的工程技术人员;希望通过理论模型指导实际生产的制造业从业者。 其他说明:文中提供了大量MATLAB代码片段用于辅助理解和实施相关操作,同时分享了许多实用的经验技巧,帮助读者更好地掌握COMSOL软件的应用。
内容概要:本文详细探讨了永磁同步电机(PMSM)在全速度范围内实现无位置传感器控制的技术方法和切换策略。针对高速和低速段分别介绍了超螺旋滑模控制和脉振高频方波注入的具体实现方式,并提供了相应的代码示例。对于切换策略,则讨论了加权切换和双坐标切换的方法,强调了在实际应用中需要注意的问题,如角度补偿和平滑过渡。此外,还分享了一些实用的经验技巧,如高频注入信号的滤波处理、滑模控制参数的优化设置等。 适合人群:从事电机控制系统设计的研究人员和技术工程师。 使用场景及目标:适用于需要深入了解PMSM无位置传感器控制技术的研发项目,旨在帮助工程师掌握不同速度范围内的最优控制策略,确保系统在全速域内的稳定性和可靠性。 其他说明:文中提供的代码片段和实践经验有助于读者更好地理解和实施相关技术,同时也提醒读者在实际应用中应注意参数调整和系统调试。
内容概要:本文介绍了一个基于C#和雷赛DMC系列的运动控制项目,该项目提供了详细的源码解析和技术要点讲解。尽管界面较为简陋,但功能齐全,涵盖了设备连接、运动参数设置、运动控制、状态监测等多个方面。文章详细解释了各个关键模块的实现,如初始化、运动控制、指令解析、多线程同步和紧急停止等功能。此外,还介绍了常见的陷阱和优化建议,帮助新手更好地理解和掌握运动控制编程。 适合人群:初学者和有一定编程基础的开发者,特别是对运动控制编程感兴趣的程序员。 使用场景及目标:① 学习C#与雷赛DMC系列设备的集成;② 掌握运动控制项目的开发流程;③ 实践运动控制的实际应用场景,如工业自动化。 其他说明:项目不仅提供完整的代码示例,还包括了许多实用的技术提示和最佳实践,非常适合新手进行深度学习和改造。
内容概要:本文详细介绍了如何使用StarCCM+软件进行新能源汽车电池包的共轭传热仿真。首先阐述了电池包热管理的基础知识,包括电芯发热机理和常见热管理方式。接着逐步讲解了从三维数模的几何清理、面网格和体网格生成、关键传热系数设置到最后的计算参数设定等一系列仿真步骤。每个环节都提供了具体的参数设置方法和技术要点,如接触热阻、边界层网格、瞬态与稳态分析的选择等。此外,文中还分享了许多实践经验,如几何清理中的倒角处理、网格划分的优化策略、接触热阻的实际测量与设置等。 适合人群:从事新能源汽车行业电池包热管理研究的技术人员,尤其是有一定StarCCM+使用经验的工程师。 使用场景及目标:①掌握电池包热管理的基本理论;②熟练运用StarCCM+进行电池包共轭传热仿真;③提高仿真精度,减少误差,确保电池包的安全性和高效运行。 其他说明:文章不仅提供了详细的仿真步骤指导,还附带了一些实用的经验技巧,有助于读者在实际工作中避免常见错误,提高工作效率。
RH134-Class-Notes.md