应用程序开发人员不能跳过的 10 大移动 UI 技巧

已发表: 2015-04-24

虽然许多因素决定了移动应用程序的开发方式,但应用程序用户界面的概念化是最重要的考虑因素之一。 当涉及到移动应用程序的用户界面时,需要特别注意的关键事项包括:确保点击特定按钮或任何其他 UI 元素向用户呈现反馈、界面的清晰度、移动应用程序多个视图的一致性等. 作为一个移动应用程序设计师,注意所有这些方面是你会后悔避免的事情。 为了您的利益,我列出了十个很棒的移动 UI 技巧,它们将帮助您为不同种类的移动应用程序设计完美的用户界面。

为什么需要为您的移动应用程序设计出色的 UI(用户界面)?

好吧,在为移动应用程序设计用户界面时,您需要确保与之相关的过程经过深思熟虑,并且与为网站/网络应用程序设计用户界面所遵循的过程没有任何不同。 换句话说,您必须使用与设计台式计算机应用程序相同的基本原则来设计面向移动/平板电脑的应用程序。

借助出色的移动应用程序用户界面,了解和理解用户变得轻而易举

为移动应用程序设计直观的用户界面的过程需要进行大量研究。 您需要确定目标受众是谁,以及什么是绝对令人惊叹的用户界面的起点。 例如,如果您的移动应用程序的目标受众包括青少年,那么您需要考虑的一些关键设计元素包括:大胆而鲜艳的色彩、吸引人的布局、时髦的字体等。

现在,让我们直接了解 10 大移动 UI 技巧,它们将为移动应用程序设计师带来最大的好处

  1. 了解您是针对专家用户还是业余爱好者

通常,移动应用程序是为具有相似专业知识和意图的无处不在的用户设计的。 但是,显然有可能拥有不同水平的专业知识和意图的用户组。 虽然新手用户可能会选择在整个应用程序中缓慢移动,但专家用户将能够记住所有应用程序元素,从而在多个应用程序页面中快速移动。 因此,在创建应用程序的用户界面时,请确保它高效,同时对于新手和专家用户来说都简单且信息丰富。

  1. 为理想的按钮尺寸安顿下来

统计数据显示,移动应用程序用户界面的按钮大小仅限于用户手指的大小。 大多数用户表示,通过拇指操作移动设备可以真正方便地访问应用程序的界面。 因此,在为移动应用程序设计用户界面时,请确保实现足够的按钮尺寸以及屏幕按钮之间所需的间距,以避免任何与触摸相关的问题。

  1. 确保文本清晰易读

在阅读应用程序中包含的单词时遇到困难,用户可能会继续选择完全不同的应用程序。 尽管您为美化移动应用程序的排版付出了很多努力,但难以辨认的文本很容易耗尽应用程序的实际本质。 因此,您可以选择在应用程序中包含动态文本类型。 此类排版包含的其他功能包括:

  • 能够为不同的文本块指定各种文本样式,包括脚注、标题、正文等。
  • 正在对每种字体大小的字母间距和高度进行自动调整
  • 具有响应用户对不同文本大小设置等所做更改的文本的能力。
  1. 充分利用专为移动应用程序设计的无数图标

移动应用程序界面开发的世界充满了一系列成功地给新手和专业应用程序用户留下深刻印象的图标。 此类图标具有易于所有类别用户理解的功能。 因此,作为应用程序设计师,您可以继续在应用程序中实现一系列常用图标,从而设计出绝对出色的用户界面。 下面是一些在设计应用程序界面时使用的最好的图标:

  • ||- 这两条平行线代表暂停一条正在运行的线
  • “?” - 这个三角形表示播放媒体文件
  • x- 这个十字用于关闭文件
  1. 注意移动应用 UI 位置

通常,移动应用程序的 UI 元素要么放置在应用程序的底部,要么放置在顶部。 在这里,重要的是要知道,大多数智能手机用户使用拇指作为主要手指来敲击多个按钮来握住他们的设备。 对于惯用右手的用户,拇指可能会到达屏幕右下角的区域。 因此,建议将所有主要应用程序按钮放置在屏幕底部,然后将所有关键和常用按钮放置在屏幕右下角。

  1. 选择合适的移动布局

布局是每个移动 UI(用户界面)的重要组成部分。 在为您的应用程序设计 UI 时,请确保选择正确的移动布局,它为您提供了一种在应用程序中组织和对齐细节的便捷方式。 所有移动布局都分为三个主要类别,即:

  • 带页脚
  • 带有菜单栏和页脚
  • 没有页脚或菜单栏
  1. 根据移动平台的期望规划“返回”按钮的集成

在设计应用程序的 UI 时,请确保“返回”按钮始终如一地引导用户返回。 仅在考虑了您为其设计应用程序的平台之后才需要执行此操作。 例如,如果您正在设计一个 iOS 应用程序,那么我建议您在左上角集成“返回”按钮,因为大多数用户都希望它是这样的。

  1. 使用高分辨率图像

建议将低分辨率图像切换为高分辨率、生动的图像。 这样做可以轻松地为应用程序用户界面的视觉外观添加独特的优雅感。 作为一个经验法则,通过集成分辨率为 264 ppi 或更高的图像,可以轻松地将吸引力添加到应用程序的用户界面中。 因此,对于无法缩放以满足不同移动屏幕的不同分辨率的图像,基于矢量的图像被证明是一种更好的替代方案。

  1. 注意设备的运动

除了考虑 UI 按钮的位置之外,重要的是要记住应用用户的拇指具有特定的流动方向。 因此,您需要设计用户界面来控制用户的所有不同拇指动作,如滑动、选择列表等。

  1. 注意应用程序用户界面中使用的颜色对比

正确使用颜色在增强移动应用程序用户界面内的通信方面发挥着关键作用。 例如,在设计 iOS 应用程序的用户界面时,颜色有助于赋予活力并呈现视觉连续性。 有几个移动应用程序使用大量纯色,无论是单独还是组合看起来都令人惊叹。 这些颜色最好的一点是,它们在浅色和深色背景下看起来都很棒。

最后的想法

出色的 UI 设计是成功的移动应用程序的关键。 虽然这听起来很简单,但如果您不熟悉继续进行相同操作的正确技术,它可能会变得非常具有挑战性。 我敢肯定,牢记上述提示,您肯定能够为您的应用程序提供出色的用户界面。

关于作者:

如果您期待将 PSD 转换为应用程序模板,那么联系 Amanda 可以为您提供帮助。 目前,她正在与著名的 Web 开发公司 Designs2HTML 合作。 她还撰写了有关定制软件开发、Web 和移动应用程序开发等方面的有趣且内容丰富的文章。