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