说在前面:从事UI设计的同行们关于iOS与Android的基本设计规范相信大家都已经非常了解了,以下是我针对这两种设计规范所作的一点点小总结,如果面试官问道此类问题,希望对你们有用!!!
首先设计语言的不同:从HIG(Human Interface Guidelines人机交互指南) 和 material design(卡片式材料设计) 说起(以下观点均针对iOS与原生Android)
01.从规范上来说,用两个词来概括它们最为不过了,即:开放与封闭
大家都了解,iphone是从iOS7(即iPhone5)时代开始引入扁平化设计的,抛弃了以往4阶段的以斜面浮雕,羽化,投影等的拟物化的设计手法。由于iOS的hig对于设计师乃至工程师的限制,迫使设计师使用系统原生的控件,这样设计师对于控件的修改就有了很大的局限,这样的好处是规范的统一性,产品在每一版本迭代的时候有了一定的规范标准,减少了用户的学习成本。
而Android引用的是谷歌的一套设计语言,即material design,它的核心信息载体是魔法纸片(一个是承载信息,二是合理划分信息)纸片层叠,合并,分离,拥有现实中的厚度,惯性,反馈,同时拥有液体的一些特性,能够自由的伸展变形。
,同时在屏幕中引入了Z轴的概念,Z轴垂直于屏幕用来表现元素的层叠关系所有元素都有默认的海拔高度 对它进行操作会抬升它的海拔高度,操作结束后会返回原位。
国内开发Android的方法主要有三点:
1.按照现有安卓分辨率中最为常见的分辨率进行设计与开发
(屏幕等级)XHDPI XXHDPI XXXHDPI 屏幕的网点密度 像素数量/英寸 高清
4K(索尼)
2K(高端机)
1080*1920(平民手机)
720*1280(推荐) 屏幕倍率
2.开发安卓界面需调研用户人群的特点以及使用的手机品牌和分辨率
3.优先设计与开发IOS 延展至安卓系统(仅限于第三方应用开发)
iOS中750*1334的屏幕等级与Android720*1280的屏幕等级是相同的,所以它们在开发的过程中可以引用同一套切图。
与iOS相对,由于国内开发Android所需要适配的机型过多,开放带来了多样化的同时,也带来了杂乱无章和不统一的效果,致使用户每换一款Android机型,都要重新学习操作,成本过高。
02.从动效上面来说:
iOS更多建立在镜头运动和景深变化上(即弹性的缓动效果)
而Android是将物理世界的体验带到屏幕中,即机械物理的电磁物理(物理还原)
如下图所示:
03.从分辨率上来说:
iphone6/6plus问世后,IOS更受设计师的欢迎,也更多被作为模板使用的一大部分原因是因为分辨率的稳定,设计效果更容易倍还原。而android因为屏幕尺寸的多样化而被设计师所嫌弃。
在这里就说到了屏幕等级,根据现在用户的移动终端使用情况,我们把研究的屏幕等级定在xhdpi xxhdpi xxxhdpi .
而ios与android的转换是1pt=1dp ,并且,ios通用屏幕分辨率:750*1334与android的720*1280屏幕等级相同,所以他们的控件可以相互使用。
04.从tabbar上来说:
iOS通过底部tab栏进行产品业务细分类,位于整个屏幕的手部操作区域,用户操作便捷,通常以图标或图标加文字展现。
Android则通过顶部操作栏中的固定选项卡进行分类。通常以文字或图标进行展示。在这一基础上,Android同时引入了底部物理操作栏。
05.从配色上来说:
浏览了很多页面,总结出iOS整体配色较为鲜亮,
而Android较为复古。如下图:
如果面试官问道此类问题,希望对你们有用!!!