11-08App主要界面剖析

市场截图

• 应用市场图被叫作市场截图，也被称为应用截图、上架图等，是产品上线前必备的，一般市场截图不会超多五张。
• 市场截图的意义，就是帮助用户更好的了解产品属性、产品定位和产品的功能，在使用产品之前告知用户产品的主要功能与特点。
• 遵循亮点原则
  利用更加出彩的设计作为首屏，以最短的时间吸引用户关注，让用户捕捉重点，便于用户了解产品核心功能特性，收获有价值的信息。

原生界面的设计方式

1 应用内截图界面

2 应用截图+文案设计方式

——应用内截图配上相关的说明文案

3 视觉聚焦设计方式

——利用元素或界面焦点来强调视觉主题中心（切出-放大-加投影）

4 跨屏界面设计方式

——跨屏界面能够吸引用户的关注，最近几年比较火的设计（标上顺序）

5 首屏视屏设计方式

——采用宣传视频，是更加生动出彩的展示方式

市场截图规格尺寸

移动端用用市场有ios和Android系统之间的区分
ios端通常需要提供：
640 * 960 4系列、
640 * 1136 5系列、
750 * 1334 6 7 8 系列、
1242 * 2208 plus系列、
1125 * 2436 x系列、
1242 * 2688 xsmax；
安卓端通常需要提供：
480 * 800、
720 * 1280、
1080 * 1920、

• 1440 * 2560

  
  

启动页/闪屏

启动页是指用户启动app应用之后首先看到的页面或动画，起到了自然过渡启动加载的作用。通常以图片形式存在，结合logo、口号和出品等元素。

启动页的视觉表现手法

• 直接明了的品牌宣传，让用户潜意识快速记住。
• 采用简洁、清爽的界面，以及舒缓用户的急躁心情。
• 使用情景化的场景，让用户融入其中。
• 使用触动情感的画面或故事情节，让用户产生情感共鸣。

引导页

引导介绍页可以让用户快速熟悉产品，在使用产品的过程中遇到困难之前给予及时帮助，通常在用户第一次下载并打开App时或者App更新升级后出现

引导页出现的地方

• 1 “冷启动页面”
• 2 页面内单独浮出提示

功能介绍类总结

• 主要是对产品的重要功能进行展示，让用户对产品的主功能有一个大致的了解，采用的形式大多是以文字配合界面、插图的方式来展现。
• 文字一般分为2个层次：大标题、小标题，
  大标题对主功能的概括、小标题是对其功能模块的详细描述或者进一步补充。

使用说明类总结

• 是对用户在使用产品过程中可能会遇到的困难、不清楚的操作、误解的操作行为进行提前告知。
• 这类引导页大多采用箭头、圆圈进行标识、以手绘风为主。

推广类总结

• 推广类引导页大多是想传达产品的态度，让用户明白产品的情怀，走煽情路线多。

引导页的视觉表现形式

• 文字与界面组合
  ——简短的文字+该功能的界面，这种方式能直接地传达产品的主要功能，缺点过于模式化，显得千篇一律。
• 文字与图片组合（图配文）
  ——选择恰当的图片能使文案和场景配合，能直观的表达产品的情感。
• 文字与插画组合
  ——插画场景多具象，以使用场景为主，来表现文字内容。
• 动态效果
  ——具有动态效果的页面，在单个页面采用动画的形式，各个元素的先后快慢，打破原有的沉寂，让页面动起来。
• 视频展示
  ——多见于偏生活记录类应用里，如拍照、运动类，给人传达青春活力、积极乐观的生活态度。

注册登录页

App按注册登录的必要性分为三种：

• 1 无需登录
  主要是工具类的App，如日历、计算器、手电筒之类的App
• 2 非强制登录
  主要是一些资讯、生活类应用，启动App的时候可以选择立即登录注册，也可以不注册登录，直接进入App主页面。
• 3 强制登录
  这类应用具有很强的个人隐私属性，比如支付宝、微信。

常用登录

• 第三方账号登录
  这是非常快捷的方式，能简化用户注册登录的流程，提高App的留存率。
• 手机短信验证码登录
  最高效的方式，一气呵成的注册登录过程，用户甚至不需要记住密码。
• 用户名/邮箱+密码注册登录
  通常登录界面和注册界面是分开的两个界面
• 用户名/手机号/第三方账号结合的注册登录
  这样结合的样式最常见，给用户留有自由选择的余地

个人中心页面

"个人中心"可以查看个人的资料、个人相关的信息以及其他的相关功能页面等；只有用户自己才能看到，也叫“我的”页面；
“个人主页”展示用户发布的动态等，其他用户可以看到；

个人中心页面构成之一：个人资料区

主要进行个人信息的展示，优先级最高，常常放在页面的顶部位置。一般在工具或消费类软件中所占页面比重较小，目的是为了突出重要的功能入口。

个人中心页面构成之二：功能入口区

清楚地功能入口很重要，能够让用户快速找到相关信息。通常表现形式有：列表式、宫格式、列表+宫格式。

• 功能入口区：列表式
  最常见的表现形式，优点是层次清晰很灵活，便于后期扩展，缺点是若是排列太多，容易产生视觉疲劳，只能通过加强排序，颜色进行区分。
• 功能入口区：宫格式
  宫格式把功能划分为区块，优点是能够强化功能操作；
  缺点是不太简洁，且不利于后期扩展，会出现一行只有一个功能的情况
• 功能入口区：列表+宫格式
  这种方式可以很好地突出宫格里的内容，采用差异化的表现手法来突出核心功能。