智能手机已经渗透了我们生活的每项活动。我们有了不同app的帮助，生活也变得更加容易。设计师的工作就是设计

出满足用户需求，体验友好的界面。为了设计出有效的界面，设计师需要深入了解移动app的特性，了解他们的组件

和功能。由于现在移动端行业，app发展迅速，所以对于设计师而言，很难辨别出任何一个app的一套标准需要的页面

。这篇文章主要讲了当下最常见和流行的移动端界面，并解释了每个界面的设计特性。

常见界面

启动界面

用户对app的第一印象是至关重要的，它是影响用户对app体验的重要因素之一。当app从一开始的交互体验就很棒时

，这款app会更加容易受用户欢迎。这就是我们对启动界面的重视度跟其他页面相同的原因。

启动界面是用户打开app第一个出现的页面。通常都是极简风格，仅仅展现一个名字，logo或产品标语。设计师为了

确保启动界面在不同设备的视觉效果，通常将设计元素放于页面中间。建议启动界面出现不超过4-8秒，超过这个时

间，用户可能会感到干扰。并且，向用户展示加载过程也是挺好的，这样不耐心的用户也能知道app什么时候能够正

式启动。

入门教程界面

入门教程界面是一系列展示app的页面，包括app的导航，功能和对潜在用户带来的好处。这些页面是在用户第一次启

动app时出现的，可以帮助用户了解app功能特性，同时了解app是否对他们有用。

每一特定的app的教程界面的结构和内容都不同。但是，现在入门界面都有一些共同趋势。首先，很多教程页面使用一

些自定义的插画以一种趣味的方式来表示特定的功能或优势。而且，设计师经常用一个吉祥物，就像是与用户进行真

正的交流，建立感情联系。一个强有力的标语提示对入门也很重要。提示应该简短，有用并且可读。

首页和菜单页

对于任何一个app而言，首页都是很重要的部分。在移动端app中，首页是用户进行最多交互选项的页面。首页的设计

取虽然取决于不同的产品和产品用途，但是还是有一些重要元素是类似的。首先，首页通常应该有搜索框或按钮，以

便用户查找需要的内容。而且，鉴于首页是用户使用产品的开始，所以首页应该包含导航功能，以便用户能进入不同

的区域。

为了方便用户交互体验，移动端app的菜单展示应该包含用户可能点击移动的所有方向。这里有两种app中菜单的展示

方式：菜单可以在首页里，也可以在一个单独的页面。建议菜单种类不超过7种，只显示重要的种类。如果app需要更

多种类，可以创建子分类。

登录界面和个人资料界面

现在很多的app都可以让用户自己创建账号，所以设计师也需要知道如何设计登录界面和个人资料界面。登录界面应该

是极简，清晰，以便用户登录app。通常只有姓名，密码和一按钮。对于那些第一次登录app的用户来说，通常还应该

有一个注册的选项。

App里有了个人资料页面，会使app更加个性化，根据每个用户的特征进行有效的app内数据处理。另外，对于任何社交

app，个人账号都是一个很重要的一部分，用户有了账号，就可以加入网络上的虚拟社交群体，跟其他人分享个人信息

。设计师的最大职责就是通过智能的用户体验将个人资料的便易性最大化体现。

根据交互设计组织所说，设计师需要考虑的第一点就是个人资料页一定要清晰易用。个人资料页面信息是有一定数量

限制的，以免这个页面太过复杂。并且，app的导航一定要是直观易懂的。这样的话，用户才不需要苦苦思索app的操

作。最后，app的个人资料页应该是针对特定目标群体。如果你需要app满足用户需求的话，那么必须做用户调研。

状态界面

很多app都有用户活动的状态。数据越多，状态界面越难设计。设计师需要确保能在界面上看到所有的关键数据，并且

界面清晰可用。设计师可以用图形曲线，刻度和原始图标来让状态界面在app上看起来流畅，简洁。并且，状态界面上

还需要使用特定的字体，这样用户才能轻松辨别出数据。

日历

事件app，待办事项app和其他app都会为用户提供专属的日历。根据不同类型的app，日历也会有特定的功能，比如提

醒或是安排。日历的视觉效果应该符合app的调性和目标。

电商界面

目录界面

任何一个电商app的主要目标都是卖产品。App的视觉体验对用户的消费决策有巨大影响。商家把促销的产品放在目录

下进行售卖。设计师的任务就是设计出吸引用户并刺激购买的目录。App的产品列表可以与很多其他电商网站类似，商

品以系列形式摆放，用户可以垂直滑动进行查看。每一行的产品数量根据屏幕的宽度不同而有所不同。

移动端目录的另一种摆放产品的方式是每行展示产品，通过水平滑动进行切换。

为了让导航更加直观，水平方向行里的最后一个产品应该不完全展示，这样用户就能明白滑动的方向。并且，产品图

片和插图应该是高质量的，这样用户才能清晰看清购买的产品。目录界面还应该有一个立即购买的按钮，以便用户直

接添加购物车进行购买。这样的话，用户可以直接从目录界面挑选产品，不需要一定要在某个特定页面进行购买。

产品卡片界面

这个界面是为了那些清楚知道自己想买什么的用户设计的。产品卡片上会展示产品的关键信息，以便用户抉择他们是

否需要这个产品。设计师着重于产品图片，将图片放在屏幕中间。产品描述一般放在下方。设计师可以把产品信息分

组，比如尺寸，材质或其它，这样用户就可以轻易找到他们需要的信息。

结算界面

现在很多人都是通过智能手机进行购买，所以商家尽可能优化移动端的购物流程，让此流程变得比以往都更加方便。

结算是用户购买产品的最后一步。设计师的任务就是优化用户在结算时的用户体验。结算界面第一个部分也是最重要

的部分之一就是一个表格，买家需要在这个表格里填上一些特定的个人信息，比如姓名和信用卡卡号。信息种类取决

于用户购买的平台。另外，还有很重要的一点是，用户需要确保他们填入的私人信息是安全的，所以设计师应该设计

一些视觉元素来告诉用户信息的安全性。这些安全元素可以是一些标注，知名品牌授权的图标，或者如果是证书的话

，也可以是一些证书图标。

社交界面

动态消息流

人们通常会用很多社交平台app进行交流，并且还可以关注新闻和更新消息。动态消息流会持续变化地展示新闻和一些

其它用户关注的内容。实践表明移动端用户更倾向于快速浏览动态信息流，所以用户需要简单，清晰的动态信息流设

计，不会被视觉设计细节所累赘。新闻可以一次滑动展示一条。下一条新闻应该是部分显示，这样可以让导航更加直

观。

通讯录

通讯录已经发展了很长一段时间。从纸质的笔记到不同的数字载体，视觉上已经变化很多，但始终只有一个目的：保

存朋友和其他近交的关键信息。手机通讯录是将通讯录的信息以姓名的字母顺序进行排序。每一个联系人都是可以点

击的，点击之后进入详细信息，包括电话号码，邮箱，有时候还有Skype，Messenger等的通讯信息。另外，联系人信

息一般都伴有一张头像，便于搜索。

音乐界面

播放列表

音乐爱好者喜欢为每个情景创建自己的播放列表。很明显，每个音乐app都应该有这个功能。不同app的播放列表界面

都很相似：一个音乐列表，显示歌名，歌手名称或乐队名称，和音乐的长度。另外，设计师也可以为音乐所属专辑添

加一张小图片。为了以防歌曲没有图片，所以应该有一个图标显示，比如，一个音符。

播放器

人们可以通过播放器来控制他们听的音乐和听音乐的方式。播放器的功能包括切换歌曲，暂停和用易于识别的按钮来

播放新歌曲。这一部分一般是放在屏幕下方的中间部分。播放器界面的大部分都是放一张图片。另外，有些时候，除

了图片，很多设计师会采用音乐视觉效果在屏幕中间。音乐视觉效果是发挥想象力和创造力的好机会，这对设计师而

言是激发的作用。

现在，太多移动端app出现，随着而来的就会有新的界面，因为用户需求也不断变化。