交互设计学习_1_iOS与Andriod的设计规范
2016-07-02 本文已影响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的区别；
页面导航上的区别
使用抽屉导航实现主导航下子导航页面切换的示例
