APP的组成元素
一 APP设计概念
APP即应用程序,Application的缩写,APP设计一般指的是第三方手机应用程序设计。
二 手机端火的原因
- 便携
- 有丰富的第三方应用程序
-
有丰富的硬件拓展功能(比如相机、重力感应)
三 主流的APP运行平台
苹果 安卓
四 APP分类
1.购物类:天猫、淘宝、聚美、糯米网、美丽说、京东、苏宁易购…
2.社交类:QQ、微信、微博、陌陌、YY、来往、飞信、百合婚恋…
3.出行类:途牛旅游、携程旅行、滴滴打车、优步、途家网、驴妈妈…
4.生活类:墨迹天气、安居客、天气通、赶集生活、58同城…
5.女性类:大姨妈、我是大美人、小肚皮、喂奶计划、美柚孕期…
6.拍照类:快手、美拍、美图秀秀、美颜相机、百度魔图、美人相机…
7.影音类:酷狗、爱奇艺、暴风影音、天天动听、腾讯视频、央视影音…
8.资讯类:腾讯新闻、今日头条、网易新闻、新浪新闻、新华社…
9.理财类:随手记、存储罐、大智慧、同花顺、百度钱包、支付宝…
10.浏览器:手机百度、QQ浏览器、UC浏览器、360浏览器…
11医疗类:春雨医生…
五 APP的组成元素
1 ICON,程序启动图标:
点击启动图标后,约过0.2秒应用开始启动
2、Loading加载页
2秒左右。 当应用启动需要获取数据(应用里面的图片文字等),启动页是本地的图片,当安装完应用后就已经存在手机里了,启动也内一般放应用图标或者企业logo,版权,加载条
3 欢迎页(引导页)
一般第一次安装APP或者APP升级后启动看到的页面。一般情况下有3-5张,4张居多。有的应用为了提升用户体验效果,会在右上角加上跳过按钮。最后一张引导页,有一个”立即体验”按钮。如果第二次再启动APP就没有引导页了。
4 首页及其它内容页
一级页面:下面标签栏点进来的页面都是一级页面
通过一级页面中某一个元素进入的页面是二级页面
六
状态栏:展示当前手机或环境的情况(网络\wifi 时间环境等)
状态1:白底黑字 (默认的状态)
状态2:黑底白字(视图界面是暗色的情况下使用)
状态3:底透明,文字黑色(任何视图界面下使用)
状态4:自定义颜色(为了和视图融为一体,常用)
七
导航栏:一般在状态栏下面
作用:
-
明确当前视图信息内容
-
视图界面的跳转
-
放入对当前视图界面信息修改的按钮或者视图界面跳转的按钮
导航栏中放入的元素:
-
当前视图的标题
-
如果是第二层级(或者第三、第四层级。。。),有返回按钮(左边,可以加上上一级视图界面的名称)
-
功能性按钮(右边,可以是图标也可以是文字)
八
标签栏:
一般在视图界面的最底部
作用:扁平化信息层级(对功能进行分类)
一般标签栏中有3-5个图标,如果超过5个,则把最后一个图标设定为更多,把其它不重要的功能放在更多里面。
可以在标签栏中的图标上加上提示信息(一般是一个圆加数字)
九 APP界面控制元素
1 活动指示器
表示有一项任务正在进行
2 进度指示器
能让用户清晰的了解任务的进度
3 界面指示器
如果有多个视图界面,展示在哪一个界面中
4 刷新控件
刷新有两种方式,下拉刷新数据,上拉加载数据
5 滑动器
滑动器一般由滑轨及两端的提示性图片或文字组成
6 开关
开关一般是由两个互斥性的按钮组成,用来控制某项功能的开启或关闭。
7 步进器
步进器一般由一个递增按钮和一个递减按钮组成,常常在两个按钮之间加入输入框。
8 选择器
选择器一般用来给用户提供多个选择用的
9 分段控件
主要是用来筛选分类界面中的信息用的,一般情况下分段控件为2段或3段
10 地区选择控件
当地区选择控件唤醒的时候,需要GPS硬件传感器支持
11 模态浮层
需要用户确认某一项信息后进行交互控制才会关闭浮层
12非模态浮层
当用户进行完某一项操作,给用户的一个反馈信息,不需要用户进行交互,会自动隐藏
智能对象复制出来改动并且原图不跟着改变的方法
-
- 右击智能对象,点通过拷贝新建智能对象
-
把智能对象复制好后,锁定原来的智能对象
长投影动作制作
- 打开动作面板,选择好某一个图层,点击动作面板下的”创建新组”按钮,重命名
- 点击”创建新动作”按钮,重命名,点确定后自动开始记录
- CTRL+J并栅格化图层
- 两键+T ,往右按一下,往下按一下,三键+T,一直到矩形的外面,CTRL+E向下合并
- 添加黑色到透明的图层样式(渐变类型为线性,角度为-45°)
- Ctrl+[ 把投影图层置于图形图标下方
- 点击动作面板里面的停止按钮
-
十 APP在特殊网络环境下的设计
-
在网络慢的情况下
-
没有网络的情况下
-
弹出框提示
2、在背景上提示
-
在顶部提示