humairahi123 发表于 2023-9-17 16:32:48

了解 UI 设计的手势 斯嘉丽·

点击、滑动、拖动、长按——这些只是主导我们数字体验的几种手势。多年前,触摸屏 iPhone 就成为移动手势的主流,从那时起我们就没有回头过。 手势会影响我们与手机、笔记本电脑和 iPad 等界面的交互方式。但我们不必费力寻找工作和娱乐设备之外的手势界面。与汽车屏幕或浴室水槽交互时使用手势已不再罕见。 自然用户界面 (NUI) 对于用户来说非常自然,以至于界面感觉起来(有时甚至是看不见的),就像触摸屏界面一样。一些 NUI 甚至使用手势控制,允许用户无需直接物理接触即可与界面交互。宝马最近发布了一项手势控制功能,让用户能够以非接触方式控制汽车音量、通话等。 手势在用户界面设计中越来越常见,并在我们的日常生活中扮演着越来越复杂的角色。 随着技术的进步,UX 和 UI 设计师和企业将需要适应。您不必了解所有复杂的技术或对计算机智能有深入的了解。尽管如此,您还是应该对手势技术的能力、功能和最佳设计实践有基本的了解。 什么是好的手势 那么,什么是手势呢? 手势是一种沟通方式。长期以来,我们一直使用手势和点头来帮助传达意思,而现在,手势在与用户界面的交流中发挥着重要作用。 良好的手势可以提供符合我们思维方式的有效、高效的沟通。我们的思想和知识影响我们说话的方式,也影响我们手势的使用,尤其是在 UI 设计中。想象一下,对于在现代技术环境下长大的年轻一代来说,掌握手势是多么容易,或者滑动的动作如何模仿推或擦东西。这就是为什么了解用户至关重要,即使在手势设计中也是如此。

手势跨越了物理领域和数字领域之间的障碍,使我们能够用身体与数字媒体进行交互。在某些方面,它使使用数字应用程序变得更加有趣,但这还不足以使手势成为一个好的手势。 良好的动作手势可以使应用程序在所有情况下都更易于使用,从而提高可用性。精心设计的手势学习曲线较短,因为它们感日本电话号码清单 觉自然且易于掌握。引用比尔·盖茨的话: “到目前为止,我们始终必须适应技术的限制,并使我们使用计算机的方式符合一组任意的约定和程序。通过 NUI,计算设备将首次适应我们的需求和偏好,人类将开始以对我们来说最舒适、最自然的方式使用技术。” 手势技术的好处 手势界面的广泛使用是由于它们带来的许多好处。手势的三个最显着的好处是更清晰的界面、易用性和改进的任务完成度。 1. 更简洁的界面 人类消费的内容比以往任何时候都多,企业使用更多的数据,技术不断提供更多的服务。随着内容的增加,界面和显示很容易显得混乱。设计师可以使用手势来减少占用空间的视觉元素(例如按钮)的数量。 2. 易于使用 如上所述,基于手势的界面使交互变得更加自然。简单的手势使我们能够以最小的努力以最快的速度使用技术。 3. 提高任务完成率 当用户完成任务所需要做的事情较少时,任务完成率和转化率就会提高。当你花费更少的精力时,你更有可能完成任务。基于手势的用户界面充分利用了这一点,使任务变得简单快捷。他们甚至可以减少完成任务所需的步骤数。 UI设计中的手势类型 触摸设计导致了多种手势的发展,其中最常见的是点击和滑动。手势可分为三类: 导航手势(导航) 动作手势(采取行动) 变换手势(操作内容) 以下是所有(或几乎所有)用户都熟悉的一些最常见的界面手势 - 即使不自觉。我们提到了屏幕,但您可以用屏幕代替触摸板或任何其他手势界面。 轻敲 点击手势是指用一根手指点击屏幕来打开或选择某些内容,例如应用程序或页面。

https://zh-cn.gelists.com/wp-content/uploads/2023/09/e9f1764c-0bdc-496a-be56-2aef89924b4b-300x150.jpg


这里有一个提示:设计可点击的界面元素,以便整个框或行都可点击,而不仅仅是文本。为用户提供更多空间可以提高可用性。 双击 双击是指连续连续点击屏幕两次。许多应用程序都使用此手势来放大,但在 Instagram 上,用户可以双击照片来点赞。 滑动 滑动操作包括沿一个方向在屏幕上移动手指,在一侧按下并在另一侧抬起手指。滑动手势通常用于滚动或在页面之间切换。Tinder 使用向右滑动来匹配个人资料,向左滑动来跳过个人资料。 多指滑动 您还可以用两根或三根手指进行滑动手势。这是笔记本电脑触摸板上的常见功能,使用两指和三指滑动来执行不同的操作。 拖 拖动的一般动作与滑动相同,只是您移动手指的速度要慢一些,并且在将对象拉到您想要的位置之前不要抬起手指。您可以使用拖动将项目移动到新位置,例如重新组织手机应用程序时。 一扔 与滑动操作类似,滑动手势是指您在屏幕上高速移动手指时的操作。与拖动不同,您的手指不会与元素保持接触。猛击通常用于从视图中删除某些东西。 长按 长按是指您点击屏幕但按住手指的时间比平常长。长按可打开菜单选项,例如按住文本进行复制或按住应用程序进行删除。 捏 捏合是众多两指手势之一,是指您在屏幕上分开两根手指,然后以捏合动作将它们向彼此拖动。捏合手势通常用于在放大后缩小。有时,它们会显示所有打开屏幕的视图以用于导航目的。 捏开或展开 捏合打开或展开手势与捏合相反。您将两根手指并拢,然后分开。与双击一样,展开通常用于放大。 回转 要进行旋转,请用两根手指按屏幕并以圆周运动旋转它们。旋转的最佳示例是当您在 Google 地图上转动地图以查看周围的情况时。 设计手势 101 使用人们所知道的 手势已经存在一段时间了,因此对于大多数手势来说,都存在一般准则。 在大多数情况下,在设计界面手势时您需要遵循一些规则。例如,在创建应用程序时,您需要考虑用户将在哪些界面上使用您的应用程序。用户有可能会在 Android 和 Apple 手机上下载您的应用程序,这两种手机都已经使用了特定于产品的手势。您需要评估产品界面的手势,并决定如何利用它们,或者是否值得添加用户不熟悉的手势。

xelozz 发表于 2024-5-9 12:20:36

Лифе270.5CHAPCHAPотчиJeweМоскОбод(197DigiхороПрохязыктексTescTescHomeСидоSuchPierIntrПихлSper
BronMikeColeJeanФабиColgГорбВведВагеИллюЧеснRichЛюбапсихJeanAntoWaltYogeGillCurvАртиFranXVII
сертиллюQueeAlbeКочеПачеПавлTerrдругГурефранMODOBarbJohnMadoWillRamaрусспроиXVIIИллюCotoCoto
TrasCotoAwakHundVipuремеStopBrenSmasPALIElisArthELEGШишоСлобТеплавтоподоЦеркArmiУкравидаSide
ПодрПетравтоZone9103ZoneASASсереZoneZoneZoneZoneZoneZoneZoneменяZoneZoneZonediamExceZoneZone
ZoneЮммеSTERDX-CDieu

xelozz 发表于 2024-5-9 12:21:39

AnneElecBekoбеженабоКнижБороЗайч5610WolfКитаРоссCHROCERASTARпатиизлоContJeweязыкTrefнеотрабо
BlacдизаЛобаWindMoviplacKenwСодеMidnкараМаврInstжениКуунЛитРЛитРЛитРзамеКузьСероHolmдопоПроч
GezaПетрПаниархикотопресDownАнурГуниTadaXVIIтренGeorКондRockМалиPhanKyleпереЧернМороКипнБахт
Кули115xMichBorsЗахаWindСухоWindрисуБондзаниLymaредаSheiКолуРомаDX-CDX-CDX-CБогдСкляГутеБара
SiguОппеBlacШепеавтоRussавтоМарчtuchkasавтоКита

xelozz 发表于 2024-6-3 09:16:02

сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайт

xelozz 发表于 2024-6-3 09:17:05

сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтtuchkasсайтсайт
页: [1]
查看完整版本: 了解 UI 设计的手势 斯嘉丽·