作為UI設(shè)計(jì),如果iOS設(shè)計(jì)規(guī)范的一些基礎(chǔ)知識不了解的話,做App時(shí)就顯得不是那么專業(yè),今天我們就了解一下iOS設(shè)計(jì)原則:
iOS的設(shè)計(jì)主題
為了保持界面設(shè)計(jì)和程序設(shè)計(jì)的統(tǒng)一性,iOS用三個(gè)主要的主題來與其他平臺做區(qū)分:
清晰
在整個(gè)系統(tǒng)中,各種大小的文字都清晰易讀,圖標(biāo)精確而清晰,裝飾物微妙而恰當(dāng),對功能的高度關(guān)注激發(fā)了設(shè)計(jì)的靈感。負(fù)空間,顏色,字體,圖形和界面元素巧妙地突出了重要內(nèi)容并傳達(dá)了交互性。
遵從
流暢的動(dòng)作和清晰美觀的界面可幫助人們理解內(nèi)容并與之互動(dòng),而從未與之競爭。內(nèi)容通常會填滿整個(gè)屏幕,而半透明和模糊通常會暗示更多內(nèi)容。很少使用邊框,漸變色和陰影可以保持界面明亮通風(fēng),同時(shí)確保內(nèi)容至關(guān)重要。
深度/有層次
獨(dú)特的視覺層和逼真的動(dòng)作傳達(dá)了層次感,賦予了生命力并促進(jìn)了理解。觸摸和可發(fā)現(xiàn)性增強(qiáng)了人們的愉悅感,使他們能夠訪問功能和其他內(nèi)容而不會丟失上下文。當(dāng)您瀏覽內(nèi)容時(shí),過渡會提供一種深度感。
iOS六大設(shè)計(jì)原則
為了最大限度的擴(kuò)大蘋果的影響力,蘋果一直遵循以下原則:
1.審美完整性。
審美完整性表示應(yīng)用程序的外觀和行為與其功能的集成程度。例如,可以幫助人們執(zhí)行重要任務(wù)的應(yīng)用程序可以通過使用微妙,醒目的圖形,標(biāo)準(zhǔn)控件和可預(yù)測的行為來使他們專注。
2.一致性
一致的APP通過使用系統(tǒng)的界面元素,熟悉的圖標(biāo),標(biāo)準(zhǔn)的文本樣式和統(tǒng)一的術(shù)語來實(shí)現(xiàn)熟悉的標(biāo)準(zhǔn)和范例,該應(yīng)用程序以人們期望的方式結(jié)合了功能和行為。
3.直接操作
屏幕內(nèi)容的直接操作可以吸引人們并促進(jìn)理解。用戶在旋轉(zhuǎn)設(shè)備或使用手勢影響屏幕上的內(nèi)容時(shí)會經(jīng)歷直接的操作。通過直接操作,他們可以看到其操作的直接可見結(jié)果。
4.反饋
反饋確認(rèn)行動(dòng)并顯示結(jié)果以使人們保持了解情況。內(nèi)置的iOS應(yīng)用程序可響應(yīng)每個(gè)用戶操作提供可感知的反饋。輕觸時(shí),交互式元素將突出顯示,進(jìn)度指示器傳達(dá)長時(shí)間運(yùn)行的操作的狀態(tài),動(dòng)畫和聲音有助于闡明操作的結(jié)果。
5.隱喻
當(dāng)一個(gè)app的虛擬對象和動(dòng)作都是對熟悉事物的隱喻時(shí)(不管基于現(xiàn)實(shí)世界還是數(shù)字世界),用戶學(xué)習(xí)的更快。
隱喻在iOS系統(tǒng)中發(fā)揮的很好,因?yàn)橛脩羰侵苯优c屏幕產(chǎn)生物理交互的。
用戶移動(dòng)視圖來查看更多的內(nèi)容;拖拽內(nèi)容;切換開關(guān)、移動(dòng)滑塊并且直接滾動(dòng)來選取值;甚至可以像翻書或雜志一樣輕快翻頁。
6.用戶控制
最好的應(yīng)用可以在使用戶受益與避免不必要的結(jié)果之間找到適當(dāng)?shù)钠胶狻?yīng)用程序可以使人們熟悉和可預(yù)測的交互元素,確認(rèn)破壞性的動(dòng)作,并使其易于取消操作(即使他們已經(jīng)在進(jìn)行中),從而使人們感到自己處于控制之下。
iOS的適配規(guī)范
平常的設(shè)計(jì)的時(shí)候一般都是新建一個(gè)375*667的尺寸,然后導(dǎo)出@2x,@3x圖來適配其他機(jī)型。
導(dǎo)出完美適配適配總結(jié):
iphone XS max 導(dǎo)出?@3x?(3倍圖)
iphone XS 導(dǎo)出@3x?(3倍圖)
iphone XR 導(dǎo)出@2x?(2倍圖)
iphone X 導(dǎo)出@3x? ?(3倍圖)
iphone 8p 導(dǎo)出@3x?(3倍圖)
iphone 8 ?導(dǎo)出@2x?(2倍圖)
iphone SE 導(dǎo)出@2x?(2倍圖)
所以iphone機(jī)型不管怎么變基本的適配方式不會有大的改變,這就我們喜歡iphone的原因之一,很規(guī)范,很統(tǒng)一。

以上iOS的原則及主題,在Apple官網(wǎng)人機(jī)界面準(zhǔn)則可以查看:
https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/
這里小胖準(zhǔn)備了iOS 13的組件化規(guī)范,在組件化越來越重要的今天,可以下載參考,了解了iOS的設(shè)計(jì)準(zhǔn)則,在設(shè)計(jì)我們自己App時(shí)就不會那么迷茫了。
關(guān)注公眾號“高效設(shè)計(jì)筆記?” 回復(fù)“?iOS 13?”領(lǐng)取組件庫。
喜歡的朋友可以關(guān)注一下,每周都會推薦好用的設(shè)計(jì)知識和設(shè)計(jì)素材,給設(shè)計(jì)加點(diǎn)料兒。