• App界面设计


     虽然用过很多好的App,但是自己写的实在很丑,所以收集一些认为好的界面设计,以作参考

    PS:

    1.下面说的向上向下都是指的手指操作的方向,向上指手指向上滑动

      列表                                                                                                                                                                                                       

    1.顺丰快递

                       

    行为分析:

    1.当点击'投诉建议'旁边的按钮的时候,会有一个旋转的动画,同时操作条从下弹出,但是并没有将下面的Item的内容向下挤,而是直接覆盖了;此外,操作条下面有阴影,但是上面没有,然后此时点击这个界面的响应都是隐藏操作条

      1)说明并不是改变Item的样式,而是直接在整个界面上面加上了一层View,上部分是完全透明,下部分是有阴影的

    2.点击列表Item除了'投诉建议'和按钮外,都是进入到详情界面,另外,如果是可以评价的数据,中间的圆圈显示'点击评价',并且也会点击会跳转到评价界面   

    2.智行火车票

                

    行为分析:

      1)当向下滑动的时候,只要滑动了,两个操作条就会动画往屏幕内侧滑动来显示

      2)当向上滑动的时候,只有当滑动速度大于某值的时候,会动画隐藏掉两个操作条,如果以很慢的速度滑动,是没有隐藏动作的

      3)当快速的上下滑动得到时候,两个操作条始终以正常的速度动画显示和隐藏,当手指停止后,当前的那个动画结束也就全部结束了       

    --------------------------------------

    PS:携程同这个一样的效果,但是2)中,没有根据速度来判断,而是只要滑动了,就隐藏  

    3.去哪儿

                                                 

    行为分析:

        1)向上滑动的时候,'条件类型栏'会动画隐藏(很慢无效),根据滑动速度来判定的

        2)向下滑动的时候,'条件类型栏'会动画显示(很慢无效),根据滑动速度来判定的

        3)当大概滑动到列表1/3处(不确定是否按照比例来还是距离,大致应该是根据顶部项的索引来的),过了那个点,'看过按钮'会向上动画,显示'顶部按钮'(显示/隐藏,即使滑动过程中,手指未离开屏幕,只要到了那个点,还是会触发)

          ---看过 这种操作,只适合于时效性不强的数据

    PS:淘宝对操作3),只要是向上滑动,就里面显示'顶部'按钮

  • 相关阅读:
    德信创业系2014版
    [学习笔记]矩形面积并
    第六章 深入分析ClassLoader工作机制
    第五章 深入class文件结构
    设计模式
    第四章 Javac编译原理
    第三章 深入分析Java Web中的中文编码问题
    第2章 深入分析java I/O的工作机制(下)
    linnx常用命令学习
    jenkins学习(1)
  • 原文地址:https://www.cnblogs.com/yz1311/p/5971897.html
Copyright © 2020-2023  润新知