淺談iOS與Android的區(qū)別
以下是我針對這兩種設(shè)計(jì)規(guī)范所作的一點(diǎn)點(diǎn)小總結(jié),如果面試官問道此類問題,希望對你們有用?。?!

說在前面:從事UI設(shè)計(jì)的同行們關(guān)于iOS與Android的基本設(shè)計(jì)規(guī)范相信大家都已經(jīng)非常了解了,以下是我針對這兩種設(shè)計(jì)規(guī)范所作的一點(diǎn)點(diǎn)小總結(jié),如果面試官問道此類問題,希望對你們有用?。?!
首先設(shè)計(jì)語言的不同:從HIG(Human Interface Guidelines人機(jī)交互指南) 和 material design(卡片式材料設(shè)計(jì)) 說起(以下觀點(diǎn)均針對iOS與原生Android)
01.從規(guī)范上來說,用兩個(gè)詞來概括它們最為不過了,即:開放與封閉
大家都了解,iphone是從iOS7(即iPhone5)時(shí)代開始引入扁平化設(shè)計(jì)的,拋棄了以往4階段的以斜面浮雕,羽化,投影等的擬物化的設(shè)計(jì)手法。由于iOS的hig對于設(shè)計(jì)師乃至工程師的限制,迫使設(shè)計(jì)師使用系統(tǒng)原生的控件,這樣設(shè)計(jì)師對于控件的修改就有了很大的局限,這樣的好處是規(guī)范的統(tǒng)一性,產(chǎn)品在每一版本迭代的時(shí)候有了一定的規(guī)范標(biāo)準(zhǔn),減少了用戶的學(xué)習(xí)成本。
而Android引用的是谷歌的一套設(shè)計(jì)語言,即material design,它的核心信息載體是魔法紙片(一個(gè)是承載信息,二是合理劃分信息)紙片層疊,合并,分離,擁有現(xiàn)實(shí)中的厚度,慣性,反饋,同時(shí)擁有液體的一些特性,能夠自由的伸展變形。
,同時(shí)在屏幕中引入了Z軸的概念,Z軸垂直于屏幕用來表現(xiàn)元素的層疊關(guān)系所有元素都有默認(rèn)的海拔高度 對它進(jìn)行操作會(huì)抬升它的海拔高度,操作結(jié)束后會(huì)返回原位。
國內(nèi)開發(fā)Android的方法主要有三點(diǎn):
1.按照現(xiàn)有安卓分辨率中最為常見的分辨率進(jìn)行設(shè)計(jì)與開發(fā)
(屏幕等級)XHDPI XXHDPI XXXHDPI 屏幕的網(wǎng)點(diǎn)密度 像素?cái)?shù)量/英寸 高清
4K(索尼)
2K(高端機(jī))
1080*1920(平民手機(jī))
720*1280(推薦) 屏幕倍率
2.開發(fā)安卓界面需調(diào)研用戶人群的特點(diǎn)以及使用的手機(jī)品牌和分辨率
3.優(yōu)先設(shè)計(jì)與開發(fā)IOS 延展至安卓系統(tǒng)(僅限于第三方應(yīng)用開發(fā))
iOS中750*1334的屏幕等級與Android720*1280的屏幕等級是相同的,所以它們在開發(fā)的過程中可以引用同一套切圖。
與iOS相對,由于國內(nèi)開發(fā)Android所需要適配的機(jī)型過多,開放帶來了多樣化的同時(shí),也帶來了雜亂無章和不統(tǒng)一的效果,致使用戶每換一款A(yù)ndroid機(jī)型,都要重新學(xué)習(xí)操作,成本過高。
02.從動(dòng)效上面來說:
iOS更多建立在鏡頭運(yùn)動(dòng)和景深變化上(即彈性的緩動(dòng)效果)

而Android是將物理世界的體驗(yàn)帶到屏幕中,即機(jī)械物理的電磁物理(物理還原)
如下圖所示:

03.從分辨率上來說:
iphone6/6plus問世后,IOS更受設(shè)計(jì)師的歡迎,也更多被作為模板使用的一大部分原因是因?yàn)榉直媛实姆€(wěn)定,設(shè)計(jì)效果更容易倍還原。而android因?yàn)槠聊怀叽绲亩鄻踊辉O(shè)計(jì)師所嫌棄。
在這里就說到了屏幕等級,根據(jù)現(xiàn)在用戶的移動(dòng)終端使用情況,我們把研究的屏幕等級定在xhdpi xxhdpi xxxhdpi .
而ios與android的轉(zhuǎn)換是1pt=1dp ,并且,ios通用屏幕分辨率:750*1334與android的720*1280屏幕等級相同,所以他們的控件可以相互使用。

04.從tabbar上來說:
iOS通過底部tab欄進(jìn)行產(chǎn)品業(yè)務(wù)細(xì)分類,位于整個(gè)屏幕的手部操作區(qū)域,用戶操作便捷,通常以圖標(biāo)或圖標(biāo)加文字展現(xiàn)。

Android則通過頂部操作欄中的固定選項(xiàng)卡進(jìn)行分類。通常以文字或圖標(biāo)進(jìn)行展示。在這一基礎(chǔ)上,Android同時(shí)引入了底部物理操作欄。

05.從配色上來說:
瀏覽了很多頁面,總結(jié)出iOS整體配色較為鮮亮,

而Android較為復(fù)古。如下圖:

如果面試官問道此類問題,希望對你們有用!?。?/p>






































