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

同款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的区别;

页面导航上的区别
使用抽屉导航实现主导航下子导航页面切换的示例
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容