湖南正致教育UI设计 带你看懂15种app界面设计

APP可以帮助我们解决生活中的各种，而UI设计师的工作就是创造出令人满意的用户界面。为此，设计人员通常需要深入了解移动应用程序的特性，了解它们的组成部分和功能。但随着科技和生活方式的改变，现在已经很难为任何一种APP区分出一套标准界面指南了。今天的文章就为大家介绍一下常见和受欢迎的界面，并为大家总结了它们所需的设计功能。





闪屏界面

印象对于一款APP来说极为重要。当用户体验从与应用程序的交互一开始就很愉快时，这款APP将更有机会受到用户的欢迎，这就是为什么启动画面在UI界面中非常重要的原因。

闪屏界面是用户看到的界面。它们通常非常简约，并且需要提供产品的名称，LOGO以及标语。为了确保闪屏在不同设备上的呈现效果，设计师通常会将元素集中在屏幕中间。建议闪屏的显示不超过2-3秒，否则用户可能会不耐烦。此外，显示加载进度可能会很好，这样不愿意等待的用户就可以知道应用程序何时启动。



引导页

引导页常常为用户展示了APP的导航，功能以及优势等信息。对于首次启动APP的用户来说，教程界面也可以帮助他们了解app的各种功能和控件，并了解应用程序是否对他们有用。

虽然每款APP的结构和内容都不尽相同，但引导页的设计中则存在一些共同倾向。比如许多引导页会选择自定义插图，以一种趣味的方式来表示特定的功能或优势。此外，设计师还经常使用“吉祥物”，这是一个模仿与用户进行真实交流并设置情感纽带的角色。另外，一个强有力的slogen提示对入门也很重要。提示应该简短，并且具有可读性。





首页&菜单

- 首页 -

首页是APP界面的重要组成部分，它承担了与用户的绝大部分交互。首页的设计虽然取决于产品的类型和用途，但关键的设计元素还是类似的。

比如，首页通常包括搜索框或按钮，以便用户可以轻松搜索到他们需要的内容。此外，由于首页是用户旅程的起点，因此它还应该具有导航元素，方便用户可以访问不同的功能区域。





- 菜单 -

为了方便用户交互体验，APP的菜单展示应该包含了用户可能点击移动的所有方向。在APP中有两种菜单的呈现方式 ：一、它可以是首页的一部分或单独的页面。建议菜单中的选项种类不超过7种，仅显示重要部分即可。二、如果APP需要更多的菜单选项，那么创建子类别可能是个好主意。



登录&个人资料界面

- 登录界面 -

现在大部分的app都可以让用户自己创建，因此每个设计师都应该知道如何设计登录和个人资料界面。登录页面应该简洁明了，以便用户可以轻松访问应用程序，通常只需要用户名称和密码以及确认按钮。对于次使用该应用程序的用户，必须有注册选项。





- 个人资料界面 -

个人资料界面会使APP内的交互更加个性化，根据每个用户的特征进行有效的数据处理。此外，个人帐户是任何社交网络应用程序的关键部分，决定了用户是否能够在能够在虚拟社交群体中与其他人共享个人信息。在这里，设计师的主要任务就是通过智能UX大限度地提高便利性。

设计师需要考虑的点就是个人资料页一定要清晰易用，限制信息量，否则页面可能看起来太复杂。更为重要的是，APP导航一定要直观易懂，这样用户就不必花费太多精力来思考下一步怎么操作。后，app的个人资料页应该是针对特定目标群体，如果你需要app满足用户需求的话，那么必须做用户调研。





统计界面

很多APP都统计了用户的活动信息。它提供的数据越多，统计界面的设计就越难，因为设计师需要确保用户能在界面上直观且清晰的看到所有关键数据。但如果使用图形曲线、比例、以及原始图标则可以使统计界面在APP上看起来格外流畅和干净。此外，统计界面还需要不同的排版，以便用户可以轻松读取数据。



日历界面

活动APP，待办事项APP以及许多其他应用都为用户提供日历功能。根据应用的不同类型，日历也需要具有特定的功能，例如提醒或计划等。那么日历的视觉风格就应该符合app的调性和目标。

电商界面

- 目录界面 -

任何一个电商APP的主要目标都是销售产品，所以视觉的呈现效果对用户决策有着极大的影响，设计师的工作就是创造出吸引用户并鼓励他们购买产品的目录。App的产品列表可以与很多其他电商网站类似，商品分类放置，用户可以垂直滑动进行查看，每一行中的产品数量根据屏幕宽度确定。

APP目录中产品组织的另一种方法就是将商品水平滚动放置。为了使导航更直观，水平行中的后一项不应该显示在完整视图中，以便让用户发现滚动的方向。此外，产品的照片或插图应该是高质量的，以便用户可以清楚地看到他们将要购买的物品。目录界面还应包括一个购物按钮，用户可以通过该按钮直接将商品添加到购物车中。这样的话，用户就可以直接从目录界面挑选产品，而不需要一定要在某个特定页面进行购买。



产品界面

产品界面是一件商品的详细介绍页面，所以它应该显示商品的所有关键信息，以帮助用户决定是否需要该产品。设计师们通常会将产品图片置于屏幕中心，产品描述放在下方，还可以将商品描述以材质、型号等数据分组，以便用户轻松找到所需的信息。



支付页面

现在大部分人的消费都是通过手机完成的，因此任何一家公司都希望让支付流程变得更加简单。设计师的任务就是让人们在支付过程中感到舒适和便捷。支付页面个也是重要的一个部分就是个人信息表格，用户需要根据购买的平台不同填写不同的个人信息，比如姓名，号，账户密码等。此外，对于用户来说，个人数据安全是非常非常重要的，因此设计师必须通过视觉元素向用户保证他们的信息是安全的。这些安全元素可以是一些标注，授权的图标，甚至也可以是一些证书图标。



社交界面

- 动态消息流 -

人们经常会使用社交应用关注一些和更新消息。动态消息流会持续变化地展示和一些其它用户关注的内容。实践表明，移动端用户更加倾向于快速浏览动态信息流，因此他们需要一个简单明了的设计方式，不会因视觉细节而过载。可以通过滚动逐一呈现，为了使导航更直观，下一条应该选择部分显示，以提示用户还有下一部分内容。

- 通讯录 -



联系人名单已经发展了很长时间。从纸质笔记到不同的数字载体，它在视觉上也一直变化，但始终只有一个目的：保存关于朋友和其他亲密人物的关键数据。手机通讯录一直以姓名的字母顺序进行排序，每个联系人都应该是可点击的，并提供详细的数据，其中包括电话号码，电子邮件，有时还包括Skype，Messenger等通讯信息。此外，通讯录信息应提供一张联系人头像，以便于搜索



音乐界面

- 播放列表 -

音乐爱好者喜欢为每个情景创建自己的播放列表。显然，每个音乐应用程序都应该为用户提供此类功能。不同app的播放列表界面都很相似：：一个音乐列表，显示歌名，歌手名称或乐队名称，和音乐的长度。此外，设计师还应该添加一个歌曲所属的专辑的小图像，如果没有专辑信息，也应该有一个图标，例如音符等。





- 播放器 -

播放器界面应该拥有易于识别的切换、暂停和启动按钮，通常位于屏幕底部的中央。屏幕的主要部分通常由歌曲图片占据。此外，许多设计师会将音乐视觉效果做为屏幕的中心部分，而不是图片。音乐视觉效果是一个展示想象力和创造力的好机会，这对设计师来说总是很有启发性。