美文网首页iOS/安卓/Web设计规范UI/交互设计规范
交互设计学习_1_iOS与Andriod的设计规范

交互设计学习_1_iOS与Andriod的设计规范

作者: 智行合义 | 来源:发表于2016-07-02 19:10 被阅读1315次

    同款App的iOS版本与Android版本界面对比:

    网易云音乐,ios版的页面布局采用标签导航;android版页面布局为抽屉导航+顶部分段式标签导航;为什么这样设计呢?答案是两个平台不同的UI设计规范;

    同样,知乎的iOS版采用页眉为操作栏,页脚为标签导航栏。android版为抽屉导航+顶部应用bar;

    如下是iOS平台设计规范,页眉一般为导航栏,页脚为标签栏或工具栏; android 4.0的时候推出了Action bar 总体上Action功能比较重,既可以跳转页面,也可以做其他操作。 当action bar无法容纳太多的操作按钮时,可以考虑将操作区放在底部;同时页面导航可以放在actionbar下方; 总结:android4.0 action bar的四种应用方式: android 5.0就是在扁平化成了二维UI后在加了个图层的概念来实现前后层UI展示;

    经典的抽屉导航诞生了~

    actionbar改名为App Bar,首页最左侧为抽屉导航入口。 实际的应用如知乎

    再来近距离看下action bar和App bar的区别;

    页面导航上的区别 使用抽屉导航实现主导航下子导航页面切换的示例

    相关文章

      网友评论

      • 芦苇UED:请问下这个课程怎么样呢
      • 9b7d9d8c5360:我在犹豫上交互设计还是UI设计,本身也做了一段时间的UI设计,但水平一直上不去。话说交互微专业不是8月4号开课吗?
        智行合义:是的,新一期是8月开课
      • dff521920390:这是网易云课堂的哪个视频?
        智行合义:@worley_du 交互设计微专业课

      本文标题:交互设计学习_1_iOS与Andriod的设计规范

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