移动端UI设计：基本界面类型

用户对app的第一印象是至关重要的，它是影响用户对app体验的重要因素之一。当app从一开始的交互体验就很棒时，这款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出现，随着而来的就会有新的界面，因为用户需求也不断变化。设计师们应该准备好迎接挑战，努力创新。加油吧！