火星网校
ui界面设计能用的定律
发布时间：2024-01-26 15:43:49 浏览量：238次
在交互设计领域有很多经过时间检验的定律及法则，来作为设计的指导原理，它能够帮助设计师对界面上的各种视觉元素进行合理的评估，今天小编主要给大家分享ui界面设计能用的定律，希望对你们有帮助!
费茨定律
费茨定律是人机交互和人机工程学中人类活动的模型，它可以预测从任何位置快速移动到目标位置所需的时间，与两个位置之间的距离和目标大小有关。
这里有两个参数条件:
距离:起始位置离目标位置越远，到达目标位置的时间就越长，相反，离目标越近，花的时间就越短。
目标大小:目标区域越大，定位目标的时间就越短，相反，目标区域越小，精确定位目标所需的时间就越长。
界面中的费茨定律
费茨定律在产品界面设计中的主要作用是提高产品的可用性，更准确地说，它改进的是产品可用性的效率指数，帮助用户更快地完成某个操作或任务。
(1)尽可能缩短与目标位置的距离，并保持相关操作的亲密性。
当设计页面模式弹窗来指导用户操作时，大多数产品会将操作控件放置在固定的页面位置(通常居中或在页面底部)。然而，“抖音”的设计让人眼前一亮:当用户触发时，系统会判断用户手指与屏幕的接触位置，并在最靠近用户手指的位置显示模态弹窗的控制按钮。
根据用户手部活动区域的变化，灵活地改变位置，使得用户在手势交互过程中能够始终在手部的舒适区域内操作。这是一个非常友好的经验设计，以应对大屏幕时代，也是一个好的设计点，适用于该定律:从开始位置到目标位置的距离。
例如，在QQ的登录界面中，登录按钮的面积刚好大于拇指的面积(考虑到拇指点击的舒适性)，无论键盘是否唤起键盘，按钮的位置总是保持在拇指可以触摸的舒适位置，因此根据前面的参数条件，按钮的面积和触摸距离是最好的。
假设登录按钮位于屏幕底部，尽管拇指的默认悬停位置在屏幕底部，理论上此时最靠近登录按钮，但应考虑以下场景:第一，键盘唤起;第二，与输入框的密切关系，因此有效触发登录按钮的行为是发生在后续场景中，所以放在距离输入框最近的位置才合理。
除了移动终端之外，当在电脑终端上设计背景表单时，我们通常会遵循表单底部和离表单最近位置的决策按钮。这也是为了缩短光标移动的距离，并使操作项(要输入的表单)和决策项(提交/取消按钮)更加有关联性。
点击左下角了解更多课程资讯
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
