美文网首页
11-08App主要界面剖析

11-08App主要界面剖析

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

原生界面的设计方式

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的留存率。
  • 手机短信验证码登录
    最高效的方式,一气呵成的注册登录过程,用户甚至不需要记住密码。
  • 用户名/邮箱+密码注册登录
    通常登录界面和注册界面是分开的两个界面
  • 用户名/手机号/第三方账号结合的注册登录
    这样结合的样式最常见,给用户留有自由选择的余地

个人中心页面

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

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

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

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

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

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

相关文章

  • 11-08App主要界面剖析

    市场截图 应用市场图被叫作市场截图,也被称为应用截图、上架图等,是产品上线前必备的,一般市场截图不会超多五张。 市...

  • 第八天上午、界面更新

    主要登录界面 今天上午主要介绍了主要登录界面的套用,相信能写出来界面,就能套用界面,然后更改查询数据用来显示,主要...

  • 深入理解kotlin协程

    举个栗子 通过下面的例子我们一起来一步一步来剖析kotlin协程 界面 界面逻辑 界面的布局和逻辑比较简单 字节码...

  • 游离大陆----主要界面

  • 考勤系统

    考勤系统功能实现——登录、注册 1、界面 1.1登录界面 1.2注册界面 2、主要代码 2.1登录主要代码 2.2...

  • WPF 多线程解决假死问题

    xmal 代码 后台代码: 参考;1 WPF防止界面卡死并显示加载中效果2 BackgroundWorker原理剖析

  • VR-Sample:3.欢迎界面

    本篇主要完成欢迎界面的功能制作,熟悉VR的操作过程,包括界面的切换,界面的渐入渐出,跳转到游戏选择界面(主要用到了...

  • InCallUI初步解析(一)

    InCallUI负责显示来电界面,通话界面等信息,InCallUI主要显示界面是InCallActivity,有多...

  • APP界面主要设计规范

    IOS: 一般用640*1136或者640*960,对plus做单独的修改适配 Phone界面尺寸:320*480...

  • 界面显示_Activity启动流程

    前言 从一个简单Android视图切入,探索Android平台显示流程。剖析从Activity启动到界面完全显示过...

网友评论

      本文标题:11-08App主要界面剖析

      本文链接:https://www.haomeiwen.com/subject/wrhibctx.html