欢迎来到适用于各种场合的众多应用程序的世界。由于移动应用程序无处不在，今天智能手机是办公室、娱乐中心、图书馆和超市——所有这些都在你的口袋里。在如此庞大的应用程序中，设计一款可以保留在人们手机上的应用程序变得越来越困难。用户界面设计是一个复杂的过程。要构建有效的移动 UI，设计人员必须考虑多个方面，例如定义用户和他们的思维方式、理解 UI 设计模式、能够使用各种设计工具并提出满足项目要求的独特美学。

功能和用户体验并不是一切。第一印象94% 与设计相关。人们在应用程序中看到的第一件事是什么？界面。因此，设计师需要在不同类型的用户界面中选择一种，以确保用户坚持使用并享受浏览应用程序的乐趣。

也就是说，当场想出一个好的应用程序设计可能很困难。我们收集了 13 种最基本的移动屏幕类型和一些移动 UI 的实用建议，可以作为设计工作和外观完美的应用程序 UI 的灵感。

闪屏

启动画面是您启动移动应用程序时看到的第一个屏幕。基本上，它们的发明是为了隐藏软件在完全准备好之前执行的加载过程，就像电脑游戏介绍一样。

一个完美的启动画面设计通过令人印象深刻的插图、有趣的标题和应用程序 UI 的其他组件吸引用户的兴趣，就像应用程序在这个场景背后静静地准备好一样。启动画面的其他流行功能都与营销有关：在推广品牌的同时打招呼并为应用内用户体验营造氛围。

为了给人留下深刻印象，设计师需要考虑几个细节：

力求简单——一个好的启动画面由应用程序的名称、徽标和一些背景图像组成，仅此而已

显示不超过3秒。如果应用程序使用大量硬件并且加载时间较长，请添加进度条。

或者，您可以跳过初始屏幕，尤其是当用户应该经常使用您的应用程序时。专家表示，移动技术的进步让现代应用程序可以瞬间加载，从而不再需要启动画面。如果您的移动应用程序不需要强化其品牌标识，您可以展示其框架。

引导页

入门屏幕是一组屏幕，旨在展示移动应用程序的主要功能和优势，并通过其界面引导用户。与启动画面一样，一些设计师质疑入门的必要性，但实际上，新用户可能很难直接正确猜测如何通过新应用程序找到他们的方式，特别是如果他们不熟悉界面。

尽管应用程序引导的形式和文本取决于其目的，但所有引导屏幕都有一些基本做法。

让用户熟悉应用程序的主要功能以及它们的用途

给机会进行注册

收集该信息以改进个性化。

使用自定义图形使应用程序易于识别并密切注意复制：使其清晰、简洁且易于阅读。

而且，不用说，向初次使用的用户展示入职信息，而不是回头客。

主屏幕

主屏幕是移动应用程序的主要组成部分，显示其菜单和主要功能。一个易于访问且功能齐全的移动菜单是让我首先想要保留应用程序的原因之一。设计师必须努力为用户呈现易于理解且功能齐全的主屏幕设计。

主屏幕的组成高度依赖于应用程序的用途，并且可能会有很大差异，因为主屏幕应该显示最常用的功能。但是，有一些共同的特点。

由于主屏幕包含主要移动应用程序的选项，它通常会显示应用程序的关键导航元素，如搜索字段。如果屏幕具有基本颜色，有时甚至是涂鸦，这取决于应用程序的类型，那就太好了。图标应该很容易看到并具有明显的含义。

再一次，在某些情况下，您甚至可以处理主屏幕并直接处理业务，即应用程序的功能。

登录和个人资料屏幕

大多数现代移动应用程序都需要注册。人们通常在注册时只会遇到一次登录屏幕，或者如果您的应用出于安全原因涉及重新登录，则至少很少见。尽管如此，正如我们在之前的一篇文章中所讨论的，填写表格并不是大多数用户通常认为非常有吸引力的活动。因此，设计师有责任通过简洁的登录和个人资料屏幕设计来使这种体验快速流畅，从而使用户交互更轻松并降低应用程序放弃率。

考虑以下建议：

摆脱所有不必要的干扰

将表单字段的数量限制为几个或更好通过 Google 或 Facebook 提供一键式登录

提供明确的错误信息。

至于个人资料屏幕设计，重点是提供强大的用户体验和最大程度的个性化和定制化。这是什么意思？

在创建个人资料 UI 设计之前，重要的是要进行大量研究和调查，以更好地了解您的受众并为您的用户提供他们真正需要的东西。例如，对于某些用户来说，显示他们最近的活动、显示书签等可能很重要。

尽量避免不必要的复杂性，让一切尽可能清晰。

统计屏幕

许多移动应用程序包含基于应用程序用途的各种用户活动的统计信息。

制作良好的统计屏幕设计可能比看起来更难，因为当人们每天都被大量数据淹没时，信息过载问题的存在源于数字技术的主导地位。

因此，以最清晰、最易用的方式呈现移动应用统计信息，并且没有任何多余的数据，是设计师的任务。

通过清晰的布局使统计屏幕看起来很有吸引力，其中所有图表和图形都整齐地排列着不同的图标和易于辨认的排版。

日历画面

日历简化了我们的生活并帮助人们管理他们众多的活动。制作精良的日历会记住它的用户并保护他们免受麻烦。这就是日历在许多类型的移动应用程序中如此受欢迎的原因，不仅包括事件或待办事项列表应用程序，还包括健康和健身、教育或社交应用程序。

日历应该有一个方便的界面，其视觉风格与移动应用程序的整体设计相匹配。强调用户体验和用户界面，依靠简单而不复杂的移动应用程序设计，让用户专注于您应用程序的主要功能。预计他们会希望将其与他们在 Google、iCloud 等中的帐户同步。

目录画面

视觉呈现在电子商务应用程序中起着特别重要的作用。他们中最好的展示商品的方式可以吸引人们的注意力并提高转化率，因此高分辨率照片是必不可少的。目录屏幕充当商店橱窗（您甚至可以借用一些最好的离线创意用于您的应用程序）。

产品卡片画面

浏览完目录后，用户可以根据自己的喜好选择特定商品，然后进入产品页面。这是当他们对自己想要购买的东西有一定的心理形象时的步骤，因此他们对准确和清晰的产品信息感兴趣，以帮助他们做出最终决定。所以设计师最好记住这是需要产品详细规格的时候，并为其提供足够的空间。

产品卡片屏幕的中央部分通常是产品图片。下面是关于产品规格的附加数据，最好按尺寸、款式或原产国等分组显示。。

产品列表呈现得越好，用户购买产品的意愿就越高。我不仅在谈论令人惊叹的移动用户界面设计（这是强制性的），而且还在谈论应用程序的用户体验。例如，许多成功的电子商务应用程序提供了一项非常有利可图的功能，即根据用户的活动和偏好以特定顺序展示产品。

事实上，由于电子商务移动应用程序的日益普及，越来越多的企业主正在将他们的电子商务网站变成应用程序或同时保留两者。

一行中的产品数量取决于屏幕的宽度。重要的是您的目录屏幕适合任何屏幕尺寸。当涉及到……业务时，这种疏忽是没有立足之地的。

在大多数情况下，目录屏幕上的产品按列组织以滚动浏览。或者，您可以水平展示项目以供用户滑动。设计师的职责是决定选择哪个变体来优先考虑某些部分，并为用户提供一种简单的方法来操纵多种产品

结账画面

结帐屏幕通常包含一个表格，用户可以在其中填写所有必要的数据，例如姓名和信用卡号。设计师必须知道如何创建可靠的结帐屏幕设计，以便用户在执行移动购物体验的最后一步时感到放松。

为了防止表单遗弃并使结帐过程顺利，设计师应该考虑以下几点建议：

所有可能的支付方式都应该在图标或其他视觉元素的帮助下清楚地呈现出来。用户不得推测他们是否可以使用某种方法

确保用户知道他们提供给您的个人数据是安全的。一个强大的副本可以帮助你。

社交屏幕

社交网络应用程序是为有共同兴趣的人提供的有用通信服务。根据研究，智能手机用户平均会在他们的设备上积极使用 9 个应用程序，每天启动它们多达 300 次。排名以即时通讯、游戏和网卡为主。

在社交应用程序提要中，您关注的用户会不断更新新闻和活动列表。人们经常在短暂的休息时间快速滚动提要，因此最好的选择是创建一个没有太多视觉细节超载的设计。

这些的一些指导方针：

删除任何冗余

改进提要排版。可读性在提要中至关重要

不要用太多 UI 控件（如保存、关注等）来阻碍每个条目。

联系人屏幕

沟通涉及用户希望在应用程序中跟踪他们的朋友和熟人，同时让他们的关键联系人数据触手可及。出色的联系人屏幕设计让用户花更少的时间寻找他们的联系人，而花更多的时间与他们实际联系。

通常，移动应用程序中的列表是按字母顺序排列的。每个单独的联系人都附有一张小照片，点击后会显示详细信息，包括电子邮件、电话号码等。

播放列表画面

当然，任何音乐应用程序不可或缺的功能都是能够创建自定义播放列表。播放列表屏幕的用户界面在各种应用程序上通常是相似的，这是理所当然的。用户期望某些功能以某种方式工作。因此，最好不要重新发明轮子，而是遵循其他设计师已经制定的指导方针。

音乐应用程序播放列表是显示曲目的详细数据的曲目列表。可以将代表专辑的小图像添加到每个曲目中。

播放器屏幕

音乐应用程序需要一个播放器功能，该功能具有一组标准且易于识别的播放、停止、切换按钮，这些按钮通常显示在屏幕底部。中央部分通常是一张专辑图片或某种音乐可视化工具。

根据我作为用户的经验，当播放器屏幕的设计轻巧透明并带有对比鲜明的大图标时，这很棒。有时，设计师会向某些按钮和较小的部分添加颜色渐变。它使人们将注意力集中在这些特殊的部分上，并给人以层次感。

什么是好的移动 UI 设计？除了独特的视觉效果，在我看来，最好的移动应用程序设计能让用户立即在应用程序中定位自己，理解界面而不会遇到任何困难。用户友好的界面是移动应用程序流行的基础，是其相关性和回报的保证。

幸运的是，大多数移动应用程序中使用的基本类型的移动屏幕只有这么多，每个设计师都可以首先探索如何处理最常见的屏幕，以节省时间和金钱。