怎么优化好移动UI触摸手势呢。

现在,对于移动用户界面来说,包括触摸手势以增强用户体验是很常见的。那么,触摸手势到底是什么呢?想想推特的刷新,或者苹果地图缩放的缩放。它甚至可以像滑动或按下一样简单。在任何情况下,触摸手势的目标是减少屏幕上的图标或UI元素的数量,并简化典型的用户操作。

我们可以使用很多的触摸手势,同时在有效执行时保持完全自然和不引人注目的用户体验。下面我们将快速浏览一些移动用户界面的例子,这些界面优化了触摸手势,并查看了它们如何以及为什么如此有效。

SoundCloud

SoundCloud在其移动应用程序中使用了一些触摸手势。其中之一是能够在不需要找到特定的UI元素或滑块的情况下通过跟踪。用户可以在均衡器图形的一般区域向左或右滑动,并快速准确地定位歌曲的点。

怎么优化好移动UI触摸手势呢?(图1)

这款应用还可以通过滑动或右滑动来改变音轨,以及在唱片艺术上点击来暂停当前的轨迹。专辑的艺术作品也可以被向下滑动,以揭示SoundCloud流。

图标从界面,使设计更干净,更自然和令人满意的使用。

iOS键盘

苹果公司在iOS上的键盘实现了一些微妙但令人难以置信的有用和易于使用的触摸手势交互。其中一个实现了在iPhone 6S和iPhone 7上发现的3D触摸技术。

通过将力触到键盘,这些字符被立即隐藏起来,将键盘区域转换成相当于一个轨迹板的位置。这允许快速和容易地移动光标,比简单的tap更准确。

怎么优化好移动UI触摸手势呢?(图2)

它还使用触控手势,在键盘上点击并保持。这样做可以让用户在一个微妙且容易的交互中选择多个表情符号的变化。

怎么优化好移动UI触摸手势呢?(图3)

VSCO

VSCO在整个应用程序中都使用触控手势,一个简单的点击和按住照片缩略图将显示一个全尺寸预览,类似于Instagram上的实现。当继续保持时,应用程序允许你通过移动你的触摸向左或向右移动图像。

怎么优化好移动UI触摸手势呢?(图4)

同样的,通过导航到底部的两个按钮,你可以保存或重新发布一张照片,所有这些都是一个简单的动作。这样的实现使应用程序更快更容易使用。

怎么优化好移动UI触摸手势呢?(图5)

在整个VSCO,类似的有效优化触摸手势的例子都出现了。从扩展的图像卡上简单地向下滑动将返回到前一个屏幕。在主屏幕上向下滑动打开摄像头,反向操作将用户无缝地返回到主屏幕上。

在使用有效和直观的情况下,触摸手势可以在移动应用程序中应用一个独特的动态,显著降低UI元素和图标的界面,同时使应用程序更快更容易使用。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/217939.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年2月14日 01:40
下一篇 2023年2月14日 01:40

相关推荐

  • 非常详细的免费移动UI工具包。

    你可以在网上找到很多免费的模型,但大多数都是针对Photoshop用户的。近年来,素描以大量的插件和免费的教程快速成长,帮助初学者进入这一新的UI设计软件。这也意味着你可以在网上找到大量的免费赠品,从完整的实物…

    2023年2月14日 SEO操作
    00
  • 快速提升 UI 设计效果的 6 个小技巧(UI 设计集-13)。

    在创建实用、可访问性良好且视觉效果颇为出彩的 UI 界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。在之前,我已经撰写了很多实用的 UI & UX 优化小贴士(看完文章在文末获取),这篇文…

    2023年3月1日 SEO操作
    00
  • 经验分享HTML 下拉。

    HTML下拉列表是一种常见的用户界面元素,它允许用户从预定义的选项中选择一个或多个选项,在HTML中,可以使用<select>标签和<option>标签来创建下拉列表。 (图片来源网络,侵删) 下面是一个使用小标…

    2024年6月26日
    01
  • 网页设计师的UI设计工具。

    2019年网页设计师最感兴趣的发展之一是UI设计工具的爆炸式增长,这些应用程序标志着我们在创建现代用户界面方面的一个转变,在Photoshop中创建PSD模型的日子可能就要结束了。不相信吗?在过去的几年里,Sketch和Fig…

    2023年2月20日 SEO操作
    01
  • office or microsoft 365整套ui设计体系提升。

    如果你是 Windows 10 系统的用户,那么最近应该会注意到 Windows 系统的图标正在逐步地被替换、升级,(在忽略广大国内全家桶软件影响的情况下)Windows 10 正在随着 Fluent Design 的注入而正在变得越来越优雅。随…

    2023年2月22日 SEO操作
    05
  • 最新最全移动端界面设计UI尺寸规范-2018年初版。

    进行移动APP设计或PC网站设计时最令人困扰的无疑是众多的尺寸问题了,在这里我分享了关于屏幕媒体的计量方式及尺寸手册以提供给设计师一个便捷的查询文档。一、UI尺寸基础知识1、像素密度-PPI像素密度是指显示屏幕…

    2023年2月14日 SEO操作
    03
  • UI设计如何配色?4000字干货帮你提高视觉设计的配色水平。

    在平时的设计创作中,色彩搭配是很基础且重要的。那如何才能让自己成为了一个会搭配的设计师呢?除了日常的审美和创作积累,其实掌握好色彩基础和搭配原理才是让自己设计配色提升的第一步。下面就带大家由浅入深全…

    2023年3月1日 SEO操作
    01
  • 几个交互效果的实现,让你的UI更加人性化。

    功能性动效(functional animation),是指清晰的、有逻辑、有目的的交互动效。使用得当可以有效的降低用户的认知负担,提高对应用的空间位置认知,避免使用中的盲目性。动效可以通过灵活变化(形状、大小、位移、…

    2023年2月14日 SEO操作
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息