锐客网

  1. 首页 > 生活百科 > >

安卓与ios界面设计规范区别，ios界面设计规范和android界面设计规范的区别

经验分享生活百科

1，ios界面设计规范和android界面设计规范的区别IOS扁平，安卓说不定，像oppo是拟物化，CM是原生 ， MIUI是扁平根据android4,0规范与ios规范 ， android与ios主要的不容之处表现在：1.android4.0包括三个虚拟按键：返回、home和最近任务，而ios只有一个物理home按键，返回按钮一般放置在导航栏左上方 。2.android的主要操作栏在屏幕上方包括：向上+图标+页面名称+主要操作+更多（次要操作） ， 主要操作栏还提供视图切换功能 。ios包括导航栏、工具栏、tab栏，导航栏包括返回+标题+主要操作 ， 工具栏包括一些次要操作，tab栏承担页面视图切换的功能 。3.android规定tab栏应在屏幕上方，主要操作栏下面，尽量不要放置在屏幕下方，防止与虚拟按键误操作，而ios的tab栏在屏幕下方 。4.android长按会出现情境操作栏，对内容项进行选择及内容项的主要操作功能，而ios很少使用长按功能 。5.在手势操作上，android可以向左滑动删除单条内容，或滑动屏幕切换不同视图，而ios向右滑动删除内容，并且提供摇一摇返回等功能 。6.界面表现形式不同如：文本输入框、弹出框、选择器、操作按钮图标等 。但是，可以看到，为了保持用户体验及平台的一致性，以及资源的可重复利用，两个平台在界面布局上应尽量统一，有些app也会打破这些差异性，好多android的app在布局上与ios相同 。【安卓与ios界面设计规范区别，ios界面设计规范和android界面设计规范的区别】
2，浅谈iOS与Android设计规范6类交互设计规范对比iOS和Android两个不同的平台，肯定是有很多区别的，下面就从交互的角度，谈谈区别 。以前就读过IOS和Android的规范，但是觉得没啥大用处，因为现在APP为了保持一致性，通常在IOS和Android上的设计是一样的，而且一些小公司只设计IOS的交互原型，因为只要IOS上能用，安卓上肯定没问题，前段时间 ， 和一个人聊，问我它俩的区别，当时一脸懵逼，不知从何说起 。毕竟是两个不同的平台，肯定是有很多区别的 ， 下面就从交互的角度，谈谈区别 。一、全局导航IOS：通常放在底部，方便用户点击Android：通常放在上面，下面有物理按键，防止误操作 。解析：因为Android比IOS多了物理按键，为了防止误操作 ， 所以只能将全局导航放在上面，但是随着屏幕越来越大，上面是手指无法触及的区域 ， 所以切换起来相对成本较高 。二、二级导航IOS：通常放返回、上一级标题、标题（居中），操作通常只有一个Android：通常返回控件、logo、下拉菜单、重要操作、更多操作解析：IOS显示了上一级的名称，让用户点击返回后 ， 心里有预期，Android放了APP的logo，增加了品牌性 ， 但是就使用来讲，用户不知道点击会回到哪，下拉菜单和更多操作都需要点击才能显示，增加了操作步骤 。三、工具栏IOS：通常放在最下面，方便操作Android：放在导航栏里，将重要操作放在外面，其他放在更多里 。解析：IOS将操作都放在底部，区域更大，操作更方便 。Android将操作放在了顶部，显得很拥挤 ， 并且还收起了一部分，需要用户查找，但是却节省了空间，让内容显示区更大 。四、提示框IOS：出现在屏幕中间 ， 可以带图标，可以不带，可以是静态的，也可以是动态的 。Android：不可以带图标 ， 不能是动态的，最多只可以带一个操作按钮，最多只能出现一个提示 ， 不能和低端的悬浮按钮重合 。解析：IOS的设计理念是尽量不打扰用户，只要用户能看见变化，轻易不会出现提示，只有一些用户无法感知时，才会出现提示框，所以可以是动态的，像调节音量 。Android的提示要比IOS重一些，因为它可以带一个按钮 。五、警示框IOS：标题和按钮是必须的，可以有内容和输入Android：主要有四种：用途、内容、事件、表现 。1、用途包含了标题 ， 内容和事件 。六、手势定义IOS的手势规定有8种，如下：解析：IOS只有8种手势，Android有14种，但是很多都不常用 ， 个人感觉IOS的8种已经完全够用了，定义那么多种，用户的学习成本就会提高，而且Android的有些手势并没有定义可以做什么 ， 所以给出这么多手势也没有用 。结语本文对IOS和Android的规范进行了对比，Android的规范那是相当详细，但是IOS的只给出了设计原则 ， 所以，一些是我自己总结的，可能对比的还不够全面 ， 欢迎大家一起讨论 。
3，Android和IOS UI规范有什么区别 UI设计师在根据原型进行设计稿设计的时候，Android和IOS UI规范都是不同的，最好的条件下就会制作两个版本的设计稿来进行开发，下面我们一起来了解一下Android和IOS UI规范的区别 。01先从设计稿尺寸开始说，Android的设计稿尺寸我们选择的是360*640，而IOS的设计稿尺寸为375*667 。02从上到下开始了解 ， 最上方的是状态栏 ， Android状态栏的高度为25px，IOS状态栏的高度为20px 。03接下来就是导航栏，Android导航栏的高度为45px ， IOS导航栏的高度为49px，两个版本中导航文字都是18px 。04IOS导航栏有一点不同，那就是下方会多1px的分界，一般我们可用描边，或者是用Y=1的阴影来表示 。05最下边就是标签栏了，Android标签栏的高度为50px，IOS标签栏的高度为49px 。06IOS的标签也不同，也有向上的1px分界 ， 用Y=-1的阴影或者是描边来表示 。07在标签栏中肯定就是ICON图标了，Android和IOS的图标点击范围最小都是24px ， IOS±4px调整，Android±8px调整 。08关于设计的时候排版间距的问题，我的习惯是按照8px的倍数来排版，当然你也可以用10px，看个人习惯了 。特别提示本文尺寸均为1x 。

    推荐阅读


    上一篇：c语言应用软件，c语言用什么编程软件

    下一篇：数控四轴编程实实例，FANUC数控系统第四轴编程怎样编程