一 APP设计概念

APP即应用程序,Application的缩写,APP设计一般指的是第三方手机应用程序设计。

二 手机端火的原因

  1. 便携
  2. 有丰富的第三方应用程序
  3. 有丰富的硬件拓展功能(比如相机、重力感应)

    三 主流的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:自定义颜色(为了和视图融为一体,常用)

    导航栏:一般在状态栏下面


    作用:

    1. 明确当前视图信息内容

    2. 视图界面的跳转

    3. 放入对当前视图界面信息修改的按钮或者视图界面跳转的按钮

    导航栏中放入的元素

    1. 当前视图的标题

    2. 如果是第二层级(或者第三、第四层级。。。),有返回按钮(左边,可以加上上一级视图界面的名称)

    3. 功能性按钮(右边,可以是图标也可以是文字)

    标签栏:

    一般在视图界面的最底部


    作用:扁平化信息层级(对功能进行分类)

    一般标签栏中有3-5个图标,如果超过5个,则把最后一个图标设定为更多,把其它不重要的功能放在更多里面。

    可以在标签栏中的图标上加上提示信息(一般是一个圆加数字)

    APP界面控制元素

    1 活动指示器

    表示有一项任务正在进行

    2 进度指示器

    能让用户清晰的了解任务的进度

    3 界面指示器

    如果有多个视图界面,展示在哪一个界面中

    4 刷新控件

    刷新有两种方式,下拉刷新数据,上拉加载数据

    5 滑动器

    滑动器一般由滑轨及两端的提示性图片或文字组成

    6 开关

    开关一般是由两个互斥性的按钮组成,用来控制某项功能的开启或关闭。

     

    7 步进器

    步进器一般由一个递增按钮和一个递减按钮组成,常常在两个按钮之间加入输入框。

    8 选择器

    选择器一般用来给用户提供多个选择用的

    9 分段控件

    主要是用来筛选分类界面中的信息用的,一般情况下分段控件为2段或3段

    10 地区选择控件

    当地区选择控件唤醒的时候,需要GPS硬件传感器支持

     

    11 模态浮层

    需要用户确认某一项信息后进行交互控制才会关闭浮层

     

    12非模态浮层

    当用户进行完某一项操作,给用户的一个反馈信息,不需要用户进行交互,会自动隐藏

     

    智能对象复制出来改动并且原图不跟着改变的方法

  4. 右击智能对象,点通过拷贝新建智能对象
  5. 把智能对象复制好后,锁定原来的智能对象

    长投影动作制作

  6. 打开动作面板,选择好某一个图层,点击动作面板下的”创建新组”按钮,重命名
  7. 点击”创建新动作”按钮,重命名,点确定后自动开始记录
  8. CTRL+J并栅格化图层
  9. 两键+T ,往右按一下,往下按一下,三键+T,一直到矩形的外面,CTRL+E向下合并
  10. 添加黑色到透明的图层样式(渐变类型为线性,角度为-45°)
  11. Ctrl+[ 把投影图层置于图形图标下方
  12. 点击动作面板里面的停止按钮
  13. 十 APP在特殊网络环境下的设计

  14. 在网络慢的情况下

  15. 没有网络的情况下

  16. 弹出框提示

     

    2、在背景上提示

     

  17. 在顶部提示

发表评论

电子邮件地址不会被公开。 必填项已用*标注