市场截图
- 应用市场图被叫作市场截图,也被称为应用截图、上架图等,是产品上线前必备的,一般市场截图不会超多五张。
- 市场截图的意义,就是帮助用户更好的了解产品属性、产品定位和产品的功能,在使用产品之前告知用户产品的主要功能与特点。
- 遵循亮点原则
利用更加出彩的设计作为首屏,以最短的时间吸引用户关注,让用户捕捉重点,便于用户了解产品核心功能特性,收获有价值的信息。
原生界面的设计方式
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的留存率。 - 手机短信验证码登录
最高效的方式,一气呵成的注册登录过程,用户甚至不需要记住密码。 - 用户名/邮箱+密码注册登录
通常登录界面和注册界面是分开的两个界面 - 用户名/手机号/第三方账号结合的注册登录
这样结合的样式最常见,给用户留有自由选择的余地
个人中心页面
"个人中心"可以查看个人的资料、个人相关的信息以及其他的相关功能页面等;只有用户自己才能看到,也叫“我的”页面;
“个人主页”展示用户发布的动态等,其他用户可以看到;
个人中心页面构成之一:个人资料区
主要进行个人信息的展示,优先级最高,常常放在页面的顶部位置。一般在工具或消费类软件中所占页面比重较小,目的是为了突出重要的功能入口。
个人中心页面构成之二:功能入口区
清楚地功能入口很重要,能够让用户快速找到相关信息。通常表现形式有:列表式、宫格式、列表+宫格式。
- 功能入口区:列表式
最常见的表现形式,优点是层次清晰很灵活,便于后期扩展,缺点是若是排列太多,容易产生视觉疲劳,只能通过加强排序,颜色进行区分。 - 功能入口区:宫格式
宫格式把功能划分为区块,优点是能够强化功能操作;
缺点是不太简洁,且不利于后期扩展,会出现一行只有一个功能的情况 - 功能入口区:列表+宫格式
这种方式可以很好地突出宫格里的内容,采用差异化的表现手法来突出核心功能。
网友评论