美文网首页
1.6.1 IOS与Android界面认识

1.6.1 IOS与Android界面认识

作者: 清年丶 | 来源:发表于2017-12-28 16:44 被阅读0次

本文档主要简介两个平台的界面基本组成部分以及不同点。文章内容源于听课后的想法记录,有误的地方欢迎指正~

两个平台的主要区别:ios的主要操作多位于页脚部分,而安卓因为底部有虚拟操作按钮,住操作多置于页眉部分,减弱双底栏的尴尬。

IOS

iOS的页眉显示层级关系以及放置功能入口,页脚作为工具栏以及标签栏。

状态栏:显示信号,时间,电量等手机状态。

导航栏:页面标题居中,层级返回按钮以及功能操作

标签栏:app分类内容间的快速跳转

内容区:应用内容,关于内容区的各种布局之后文章详细介绍。

设计尺寸:750*1334,40px/88px/98px,sketch导出:1x=@2x;1.5x=@3x

设计尺寸


ios页面布局

Android

安卓原生底部有虚拟按钮,主操作多放于页眉,页脚为工具栏

顶部操作栏:页面标题左对齐,层级返回按钮以及功能操作

底部工具栏:当前页面的工具操作

设计尺寸:720*1280,50;96;96;

导出:1x=xhdpi;1.5x=xxhdpi;2x=xxxhdpi;

Android界面布局

示例

相关文章

  • 1.6.1 IOS与Android界面认识

    本文档主要简介两个平台的界面基本组成部分以及不同点。文章内容源于听课后的想法记录,有误的地方欢迎指正~ 两个平台的...

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

    同款App的iOS版本与Android版本界面对比: 网易云音乐,ios版的页面布局采用标签导航;android版...

  • APP界面设计规范

    iOS 界面规范 图标 Android界面规范 Android安卓系统dp/sp/px换算表 主流Android手...

  • Material Design入门

    同一个产品经理出品的App, Android端的界面往往比不上iOS端. Android端界面整体色彩渲染的不协调...

  • Android Studio的功能列举

    Android Studio 窗口初步认识 01 Android Studio 界面的简单介绍 大致就是软件常...

  • iOS与Android用户界面规范

    相信很多人都在开发设计APP时会遇到很多界面上的问题,要以多大尺寸来设计?分辨率是多少?该怎么切图给开发........

  • 平台规范

    IOS 人机界面指导手册 android设计指南 windows phone 用户体验设计准则

  • 移动端尺寸规范(iOS与Android)

    界面尺寸规范 iOS: Android: 图标尺寸规范(https://appiconizer.com/ 可自动生...

  • 边做iOS边学Android(三):Activity生命周期+通

    边做iOS边学Android(一):新建一个project 边做iOS边学Android(二):认识几个常用的控...

  • 常见bug

    【关于 Android 端软键盘弹出后界面被压缩的问题】 iOS 端毫无 bug,Android 端却出现了问题。...

网友评论

      本文标题:1.6.1 IOS与Android界面认识

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