启动页

导航页

登录和个人信息界面

统计界面

目录界面等

一、聚合类

聚合类多见于APP的首页，用于功能入口的聚合展示。例如京东和得到APP将很多功能聚合在首页，用户可以在首页找到想要功能入口，点击就能进入该功能模块。聚合类相当于分流的作用，用户打开APP，进入首页，再通过首页的各个功能入口进入到其他的页面。

在设计聚合类页面的时候，根据用户的需求和产品功能的优先级进行排列，将优先级高的功能入口放在靠前的位置。 

二、列表类

列表类是APP常见的页面类型，目的是展示同类别的信息，供用户筛选。虽然我们将这类页面命名为列表页，但是其展示形式是多样的，可以是列表的形式、也可以是网格的形式、还可以是卡片的形式。它们的本质都是展示多条信息，供用户选择。 

当设计列表页时，应根据展现信息的不同特点选择恰当的展示形式（列表型、网格型、卡片型），或者干脆提供多种浏览方式来供用户选择，淘宝京东的商品列表页既提供了列表和网格两种展示方式。同时要将用户关心的维度放在列表中展示出来（如标题、图片、销量、价格等），用户会根据这些维度的信息来进行选择，从而决定要不要点击进入下级页面。

三、内容类

打开APP进入京东首页（聚合页），搜索电脑进入搜索结果页（列表页），在列表页看中了苹果，点击进入商品详情页，即内容页。内容页是用来展示具体信息的页面，设计内容页的时候，应注重用户的阅读体验，尽量提供沉浸式的环境，将不必要的信息暂时隐藏。如果涉及到工具栏，可以考虑将工具栏放在页面下方而不是上方。 

四、功能类

第四类可以称为功能类，即为了完成某个功能而存在的页面，常见的有搜索页面；发布状态页面；收货信息的填写页面等等，为了完成某种特定的功能。 

有启动画面、引导页、主页和菜单界面、登录和个人信息界面、统计界面、日历、目录界面、商品信息界面、结算界面、即时资讯、联系人、播放列表、播放器页面。

1.单色调

2.多色彩

3.信息数据可视化

4.卡片化设计

5.feed流设计

6.圆形与多边形妙用

7.大视野、立体、透视等效果背景图运用

一、闪屏页

每次打开app时第一眼看到的就是闪屏页（又称启动页），该页面承载了用户对这款app的第一印象，因此对设计的要求是很考究的。闪屏页给用户观看的时间很短，通常只有一秒的时间，因此，如何在这么短的时间内表达出产品的定位就是设计师需要重点考虑的问题。

二、引导页

一个好的app引导页能够迅速抓住使用者的眼球，让他们快速了解app的价值和功能，起到很好的引导作用。有一句话是这么说的：“优秀的ui可以造就app的点击率”。

三、浮层引导页

浮层引导页一般出现在功能操作提示中，是为了能够让用户在使用过程中更好地解决问题而提前设计的用户教育。这种引导页的浮层通常以手绘表现方式为主，会使用箭头和圆圈来进行设计，并用高亮的颜色来突出信息，同时采用蒙版方式来加强突出功能。

竖排列表。复视觉上整齐美观制，常用于并列元素的展示，包括目录、分类、内容等。

横排方块。把并列元素横向显示的一种布局。常见的工具栏，TAB，Coverflow 等都采用这种布局。

九宫格。TAB、多面板、弹出框。

手风琴。用户点击分类可展开显示二级内容，在不用的时候，内容是隐藏的。可承载比较多的信息，同时保持界面简洁。

抽屉/侧边栏。抽屉也是将内容先藏起来，在需要时再展开。

标签。在搜索界面和分类界面时，会采用标签的方式来展现。标签方式比较动感的，增加了应用的趣味性，但使用场景有限。

有启动画面、引导页、主页和菜单界面、登录和个人信息界面、统计界面、日历、目录界面、商品信息界面、结算界面、即时资讯、联系人、播放列表、播放器页面。

常见界面

　　启动画面

　　影响用户对app的认知和看法最关键的是第一印象，如果用户体验和app交互从一开始就非常愉快，那么这款app在用户中就更受欢迎。所以，在设计时，启动画面需要跟其它页面一样重要。

　　启动画面是用户看到启动app后的第一个画面。它们通常是简约的，而且展示出产品的名称，logo或产品的标语。为了确保启动画面在不同设备上看起来都很好，设计人员通常会将元素集中在屏幕中间。建议启动画面的显示不超过4-8秒，否则用户可能会不开心。此外，显示加载进度可能会很好，这样没有耐心的用户就可以知道app何时启动。

　　引导页

　　引导页（Onboarding tutorial）是一组界面，展示了app可能为用户带来的功能和特点。对于首次启动应用程序的用户来说，似乎可以帮助他们在不熟悉的功能和控件中进行定位，并了解app是否对他们有用。

　　应用引导页的结构和内容对于每个特定程序都是高度个性化的。但是，引导页的设计存在一些共同倾向。首先，许多引导页使用自定义插画，不仅有吸引力而且容易理解，用户一看就知道其功能和特点。此外，设计师还会使用吉祥物，这是一个模仿与用户进行真实交流并带有情感纽带的角色。另外，文字对于引导页也很重要， 叙述文字应该简短，有用且易读。

　　主页和菜单界面

　　主屏幕是任何一款app都需要的重要组成部分。在很多app中，主页是大多数用户与app交互的主要界面。主屏幕的设计取决于产品的类型和功能。不过，不同类型的app之间也有一些相同的组件。首先，主屏幕通常包括搜索字段或按钮，以便用户可以轻松搜索他们需要的内容。此外，由于主屏幕是用户使用的起点，因此它通常包含提供对各种内容部分的访问的导航元素。

　　为了使用户交互更容易，移动应用包含一个菜单，可以让用户点击后直达到特定的内容。在移app中呈现菜单有两种方式：一是主界面的一部分，二是单独的一个界面。建议将菜单中的选项数保持在七个以下，仅显示重要部分。如果app需要呈现更多菜单，可创建子类别。

　　登录和个人信息界面

　　今天，许多app为用户创建个人帐户，因此每个设计师都需要知道如何设计登录和个人信息界面。登录界面应该简洁明了，以便用户可以轻松访问app。通常有两个输入框，用户可以在其中输入名称和密码以及确认按钮。对于第一次使用该应用程序的用户，需要有注册选项。

　　个人信息页使app内的交互更加个性化。个人帐户是任何社交网络应用的关键部分，用户进入网络的虚拟社区并且能够与其他人共享个人信息。设计师的主要任务是通过UX设计最大限度地提高便利性。根据Interaction Design Foundation的说法，设计者应该考虑以下几点：个人资料页应该清晰可见，必须限制信息量，否则个人资料页可能看起来太复杂。更重要的是，确保导航清晰是至关重要的。这样，用户就不必花费太多精力来打开应用。最后，个人资料页的设计应面向使用该应用的目标群体。如果您希望您的应用满足用户需求，则必须进行用户调查。

　　统计界面

　　各种应用程序都包含用户活动的统计信息。它提供的数据越多，创建统计界面的设计就越困难。设计人员需要确保看到的界面必须清晰并且包括所有可用的关键信息。图形曲线，比例和原始图标可以使统计界面在移动应用程序上看起来流畅和干净。此外，统计界面需要不同的排版，以便用户可以轻松读取数据。

　　日历

　　活动应用，待办事项列表应用以及许多其他应用都需要为用户提供日历。根据app的类型，日历可以完成某些功能，例如提醒或计划。视觉风格应该匹配移动app的主题和目的。
　

ui设计app（图片来自网络）

　　电商界面

　　目录界面

　　任何电子商务项目的主要目标是销售产品。视觉上的展示对用户的决策有很大影响。而目录则是公司出售商品的清单。设计师的工作是设计目录，吸引用户注意并鼓励他们购买产品。移动应用程序中的产品列表可以类似于许多电子商务网站，其中项目放置在这些列表中，可以通过垂直滚动条来查看。一行中的产品数量根据屏幕宽度确定。

　　在滚动的目录中，商品的另一种组成方法是水平滚动。为了使导航更直观，水平行中的最后一项不应显示在完整视图中，以便让用户看到这是滚动的方向。此外，产品的照片或插图质量应该很高，以便用户可以清楚地看到他们将要购买的东西。 目录界面应包括一个号召性用语按钮，用户可以通过该按钮将商品添加到购物车。这样，用户就可以直接从目录屏幕上获取产品信息，而无需转到此特定位置的页面。

　　商品信息界面

　　商品信息界面显示有关商品的关键信息，帮助用户决定是否需要购买此产品。设计师专注于屏幕中心的照片，描述数据通常放在下面。设计人员可以将数据划分为大小，材料或其他的分类，以便用户可以轻松找到所需的信息。

　　结算界面

　　现在，很多购物都是在智能手机完成的，所有的公司都想让让移动购物流程变得前所未有的方便。结帐流程是用户在购买产品之前的最后一步。设计师的任务是让人们在采取这一步骤时感到舒适。 对于用户来说，让用户了解他们的个人信息安全很重要，因此设计师必须通过视觉元素向用户保证他们的信息是安全的。

　　社交界面

　　即时资讯

　　人们经常使用各种社交app进行通信，并关注它们周围的新闻和更新。Feed是一个有新闻和用户关注的信息流。实践表明，移动用户更喜欢通过Feed快速扫描信息，因此他们需要一个简单明了的设计，不会因视觉上的细节而分散注意力。新闻可以通过滚动的方式逐一呈现。 为了使导航更直观，应该显示下一个新闻的一部分。

　　联系人

　　通讯录已经发展了很长时间。 从纸质笔记到不同的数字变体，它在视觉上一直在变化，但但是目的只有一个：保存关于朋友和其他亲密人物的信息。通讯录界面向用户显示名称按字母顺序排序的联系人数据列表。每个联系人都可以点击进去，有详细的数据，其中包括电话号码，电子邮件，有时还包括Skype，Messenger等联系人。此外，联系信息有一张小照片，使搜索过程更容易。

　　音乐界面

　　播放列表

　　音乐爱好者喜欢为每个场合创建自己的播放列表。每个音乐app都有义务为其用户提供此类功能。播放列表屏幕在不同的app上看起来非常类似：通常都会显示歌曲，歌手或乐队的名称，以及音轨的长度的列表。此外，设计师可以添加此曲目所属的专辑的封面。 如果歌曲没有封面，那么仍然应该有一个图标，比如音符图标。

　　播放器

　　这个功能可以使用易于看到的按钮切换，停止和开始播放。播放器通常位于屏幕底部的中央。 屏幕的主要部分通常由图片连接。此外，有时候，许多设计师将音乐可视化应用作为屏幕的中心部分。Visualizer是一个展示想象力和创造力的好机会，这对设计师有很大的启发性。
　

ui设计app（图片来自网络）

来源于网络仅供参考