iOS與Android UI設(shè)計(jì)簡(jiǎn)要指南。作為新的UI設(shè)計(jì)師,針對(duì)移動(dòng)設(shè)備的設(shè)計(jì)可能會(huì)讓人感到迷茫。這么多的設(shè)備變型和設(shè)計(jì)規(guī)范,至少可以說(shuō)是頭疼的!iOS和Android這兩個(gè)最基本的設(shè)計(jì)規(guī)范必須要遵守特定的UI設(shè)計(jì)模式。離這些模式太遠(yuǎn)了,您就有會(huì)有損失用戶體驗(yàn)。
那么,您如何做Android和iOS的用戶界面(UI設(shè)計(jì))呢?這兩個(gè)平臺(tái)之間的主要區(qū)別是什么?在不偏離已知設(shè)計(jì)模式的情況下,如何制作在每個(gè)平臺(tái)上都感覺(jué)相同的用戶界面?
在本文中,AAA教育胡老師將深入探討這些問(wèn)題,并分享iOS和Android之間的一些關(guān)鍵區(qū)別。到最后,您將對(duì)差異有深刻的理解,并對(duì)設(shè)計(jì)差異更有信心。
這兩個(gè)平臺(tái)之間的主要區(qū)別是什么?
每個(gè)平臺(tái)都有其自己獨(dú)特的模式和怪癖。了解這些差異是為它們進(jìn)行設(shè)計(jì)的關(guān)鍵。這是平臺(tái)之間最常見(jiàn)的區(qū)別:
單個(gè)設(shè)備制造商與多個(gè)設(shè)備制造商
自發(fā)布以來(lái),iOS僅在iPhone / iPad上可用。對(duì)于蘋(píng)果公司而言,這是明智的舉動(dòng),其目的是完全控制其軟件和用戶體驗(yàn)。這是件好事,因?yàn)樗梢詭?lái)凝聚力的用戶體驗(yàn),但是件壞事,是因?yàn)樗辉试S其他制造商在其平臺(tái)上進(jìn)行創(chuàng)新。
相反,Android可以安裝在任何設(shè)備上。因此,不僅僅是一個(gè)設(shè)備制造商,還有很多:小米,華為和ov等。因?yàn)樗梢允怪圃焐炭刂芆S(操作系統(tǒng))并允許他們制定自己的用戶體驗(yàn),不利的一面是,因?yàn)锳ndroid設(shè)備并不總是具有凝聚力的用戶體驗(yàn)
物理后退按鈕與無(wú)后退按鈕
某些android設(shè)備在電話本身上具有一排物理按鈕,通常為后退,主頁(yè)和概覽,而iOS僅具有主頁(yè)和鎖定按鈕。
這只是設(shè)計(jì)Android時(shí)必須牢記的另一件事。當(dāng)用戶在您的產(chǎn)品中單擊“后退”按鈕時(shí)會(huì)發(fā)生什么?相反,在為iOS設(shè)計(jì)時(shí),您必須更加思考用戶如何返回其先前的屏幕。常用的模式是產(chǎn)品左上方的向左箭頭。不過(guò)值得慶幸的是,在近兩年隨著手機(jī)不斷的發(fā)展和進(jìn)步基本上都沒(méi)有了物理按鈕。已經(jīng)全面進(jìn)入了全面屏?xí)r代,但是,我們?nèi)砸^續(xù)學(xué)習(xí)。水滴屏和挖孔屏參差不齊還是要繼續(xù)學(xué)新的設(shè)計(jì)規(guī)范。
不同的UI模式
這兩個(gè)平臺(tái)提供相似的功能,但是執(zhí)行方式不同。每個(gè)對(duì)象都有自己的標(biāo)準(zhǔn),例如列表,菜單和標(biāo)題。作為設(shè)計(jì)師,您可以做一些事情來(lái)理解這些模式并確保正確使用它們。
1. 確保您熟悉iOS的人機(jī)界面指南和Android Material的設(shè)計(jì)規(guī)范。這些指南是深入了解每個(gè)平臺(tái)獨(dú)特設(shè)計(jì)模式的起點(diǎn)。
2. 使用您喜歡的產(chǎn)品時(shí)請(qǐng)注意!尋找正在使用的不同模式。最好的產(chǎn)品將遵守約定,但以其獨(dú)特的風(fēng)格和個(gè)性呈現(xiàn)它們。
一個(gè)操作系統(tǒng)比另一個(gè)操作系統(tǒng)受歡迎嗎?
這實(shí)際上是一個(gè)很難回答的問(wèn)題。如果您要談?wù)摰氖窍M(fèi)者手中的設(shè)備,那么Android會(huì)比iOS受歡迎。這是由于許多因素引起的,包括設(shè)備價(jià)格,可用性以及擁有許多設(shè)備制造商。而且有些人只喜歡Android而不是iOS!我知道我的蘋(píng)果粉絲在想什么:“人們實(shí)際上更喜歡Android而不是iOS”?
在全球范圍內(nèi),蘋(píng)果約占30%,而Android則占60%。
話雖如此,iOS仍然非常流行,尤其是在發(fā)達(dá)國(guó)家。因此,作為一名UI設(shè)計(jì)師,精通每個(gè)平臺(tái)的獨(dú)特之處和設(shè)計(jì)模式非常重要。
設(shè)計(jì)產(chǎn)品的兩個(gè)版本
真正使新UI設(shè)計(jì)人員感到苦惱的一件事是了解如何管理兩個(gè)獨(dú)立平臺(tái)的設(shè)計(jì)和執(zhí)行。考慮到產(chǎn)品在每個(gè)平臺(tái)上都應(yīng)具有相似的感覺(jué)并提供相同的功能,同時(shí)又不違反每個(gè)平臺(tái)的本機(jī)設(shè)計(jì)模式,這無(wú)疑會(huì)很困難。
首先,每種平臺(tái)都有大量的UI控件,這將為您提供一個(gè)很好的幫助。Sketch具有內(nèi)置的iOS模板(文件>>從模板中新建>> iOS UI設(shè)計(jì))。
在整個(gè)應(yīng)用中,某些元素的大小應(yīng)相同,例如狀態(tài)欄,常用按鈕等。
對(duì)于每次交互,請(qǐng)確保參考AAA教育中《iOS人機(jī)界面指南》或《Android Material的設(shè)計(jì)規(guī)范》以確保遵循其通用模式。這些設(shè)計(jì)規(guī)范涵蓋了大量的UI元素和交互,例如開(kāi)關(guān),列表,卡片,圖標(biāo),按鈕等。
您需要為您的產(chǎn)品擁有兩個(gè)單獨(dú)的設(shè)計(jì)文件,但用戶流程應(yīng)該非常相似(如果不相同)。將用戶流程視為使兩個(gè)設(shè)計(jì)保持凝聚力的粘合劑。
當(dāng)需要編寫(xiě)產(chǎn)品代碼時(shí),可以使用PhoneGap之類的框架,該框架允許您編寫(xiě)產(chǎn)品的單個(gè)版本,但可以將其編譯到任何一個(gè)平臺(tái)上。對(duì)于基本產(chǎn)品,它可以很好地工作。但是,如果您想要更原生,更精致的體驗(yàn),則需要為每個(gè)平臺(tái)構(gòu)建單獨(dú)的產(chǎn)品版本。
結(jié)論
希望您喜歡iOS和Android設(shè)計(jì)的入門(mén)。如果您想了解有關(guān)為兩個(gè)平臺(tái)進(jìn)行設(shè)計(jì)的更多信息,請(qǐng)進(jìn)入AAA教育官網(wǎng)查看更多有關(guān)UI設(shè)計(jì)的文章。
填寫(xiě)下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽(tīng)!怕錢(qián)不夠?可先就業(yè)掙錢(qián)后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!
?2007-2022/ m.5wd995.cn 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc