翻譯官方文檔: iOS Human Interface Guidelines-Preview

概述

設(shè)計(jì)原則

作為一個(gè)APP設(shè)計(jì)師,你有機(jī)會(huì)推出一個(gè)很酷的作品,并晉升到APP Store Top排行榜.為了達(dá)到這個(gè)目的,你需要滿足用戶對(duì)APP的質(zhì)量和功能的高期望.
有三個(gè)主要主題使iOS區(qū)別于其他平臺(tái):

• 清晰.貫穿著整個(gè)系統(tǒng),任何字號(hào)的文本都是清晰的,圖標(biāo)是清晰易懂的,裝飾是恰當(dāng)好處的,和突出重點(diǎn)功能驅(qū)動(dòng)著設(shè)計(jì), 負(fù)空間,顏色,字體,圖形和界面元素巧妙地突出重要內(nèi)容和傳達(dá)交互性.
• 遵從.流體運(yùn)動(dòng)和簡(jiǎn)潔,精美的界面幫助用戶理解內(nèi)容并與之進(jìn)行交互,而不是跟用戶作對(duì).應(yīng)用內(nèi)容通常充滿整個(gè)屏幕,毛玻璃效果經(jīng)常暗示更多.最低限度地使用邊框(bezel),漸變和陰影能保持界面明亮且清新,與此同時(shí)確保應(yīng)用內(nèi)容是最核心的.
• 深度.獨(dú)特的視覺(jué)層次和真實(shí)的動(dòng)作傳達(dá)層次感,賦予活力和促進(jìn)理解.觸摸和可發(fā)現(xiàn)性能提高樂(lè)趣,能夠訪問(wèn)功能和額外內(nèi)容,且沒(méi)有丟失上下文.當(dāng)用戶通過(guò)內(nèi)容導(dǎo)航(navigate)時(shí),過(guò)場(chǎng)(Transitions)提供了深度感.(譯注:導(dǎo)航欄UINavigationController在push一個(gè)UIViewController時(shí),過(guò)場(chǎng)動(dòng)畫Transitions animation能給用戶一種深度感)

為了最大化影響力和范圍.從考慮你的APP ID開(kāi)始,就請(qǐng)牢記下列的準(zhǔn)則:

• 美學(xué)完整性
  美學(xué)完整性代表APP外貌和行為與功能完美地融為一體.例如,一個(gè)APP在為幫助用戶執(zhí)行嚴(yán)肅的任務(wù)時(shí),通過(guò)使用微妙的,不起眼的圖形,標(biāo)準(zhǔn)控制和可預(yù)測(cè)行,能讓他們保持專注.另一方面,一個(gè)沉浸式APP,例如游戲,可以傳遞一個(gè)迷人的外表,保證內(nèi)容有趣且令人興奮的,同時(shí)刺激用戶的探索欲望.

• 一致性
  一個(gè)始終如一的APP通過(guò)系統(tǒng)提供的界面元素,知名的圖標(biāo),標(biāo)準(zhǔn)的文本格式和同一的術(shù)語(yǔ)實(shí)現(xiàn)熟悉的標(biāo)準(zhǔn)和模式.APP以用戶期望的方式結(jié)合了特性與行為.

• 直接操縱
  單屏幕內(nèi)容的直接操縱吸引用戶和促進(jìn)理解.用戶在轉(zhuǎn)動(dòng)屏幕或使用手勢(shì)影響屏幕內(nèi)容時(shí)體驗(yàn)直接操縱.通過(guò)直接操縱,他們可以看到動(dòng)作能立即地,明顯地展示結(jié)果.

• 反饋
  反饋接收動(dòng)作和顯示結(jié)果讓用戶保持消息靈通.內(nèi)置的iOS APP提供明顯的反饋來(lái)響應(yīng)用戶的動(dòng)作.交互元素在輕擊時(shí)短暫地高亮,進(jìn)度指示器顯示長(zhǎng)時(shí)間運(yùn)轉(zhuǎn)操作的狀態(tài),動(dòng)畫和聲音都能幫助用戶識(shí)別當(dāng)前動(dòng)作的結(jié)果.

• 隱喻
  用戶能在一個(gè)APP的可視對(duì)象和動(dòng)作隱喻了熟悉的經(jīng)驗(yàn)--不論是否來(lái)自現(xiàn)實(shí)或虛擬世界的環(huán)境中快速上手.隱喻在iOS上很有用是因?yàn)橛脩粼谑謾C(jī)屏幕上進(jìn)行物理交互.用戶挪開(kāi)視圖,暴露內(nèi)容下方的內(nèi)容.他們拖動(dòng)和滑動(dòng)內(nèi)容.他們打開(kāi)開(kāi)關(guān),移動(dòng)滑動(dòng)條,滾動(dòng)選擇器的數(shù)值.他們甚至翻書頁(yè)和翻雜志.

• 用戶控制
  貫穿整個(gè)iOS系統(tǒng),是用戶-而不是APP-在控制.APP可以猜測(cè)一個(gè)行動(dòng)或警告一些危險(xiǎn)的結(jié)果,但是app經(jīng)常錯(cuò)誤地接管用戶的決策.最優(yōu)秀的APP能在讓用戶做決策與避免不必要的結(jié)果之間找到一個(gè)合理的平衡.通過(guò)保持交互元素可熟悉的和可預(yù)見(jiàn)的,批準(zhǔn)破壞性行為,輕松地取消操作,甚至是進(jìn)行中的操作等,一個(gè)APP可以讓用戶感覺(jué)他們?cè)诳刂扑麄兊腁PP.

iOS 10的新內(nèi)容

在iOS 10,你可以建立比以前更厲害的APP.

power image

• 搜索屏幕和Home屏幕上的小部件(widget) 小部件提供節(jié)省時(shí)間的,有用的信息或不用打開(kāi)APP就能使用特定功能.在過(guò)去,用戶添加小部件到通知中心(Notification Center)來(lái)快速訪問(wèn).現(xiàn)在,用戶添加小部件到搜索屏幕,而用戶只需在Home屏幕和鎖屏?xí)r向右滑動(dòng)就能看到搜索屏幕.當(dāng)用戶使用3D Touch按壓Home屏幕上的APP圖標(biāo)時(shí),還可以在彈出的動(dòng)作列表中加入小部件.小部件的設(shè)計(jì)與行為已發(fā)生改變.確?；仡櫤拖鄬?duì)應(yīng)地更新已存在的設(shè)計(jì).查看小部件

• 集成Message 通過(guò)實(shí)現(xiàn)出現(xiàn)在一個(gè)Messages聊天界面下方和能讓用戶分享APP特有的內(nèi)容給好友的信息擴(kuò)展(Message extension),APP可以與Message集成.APP可以分享文字,照片,視頻,貼紙,甚至Message游戲之類的交互內(nèi)容.查看消息傳送

siri

• 集成Siri APP可以集成Siri,讓用戶使用語(yǔ)音來(lái)執(zhí)行APP的特定動(dòng)作,例如打電話,發(fā)送信息,開(kāi)始鍛煉等.查看Siri

• 擴(kuò)展通知中心 當(dāng)用戶使用3D Touch按壓通知中心或在一個(gè)無(wú)鎖狀態(tài)的設(shè)備上下拉通知中心時(shí),使用一個(gè)擴(kuò)展的詳細(xì)視圖來(lái)增強(qiáng)通知中心.使用這個(gè)擴(kuò)展視圖讓用戶快速獲得更多通知中心的信息并且在沒(méi)有丟失上下文的情景下,立即執(zhí)行動(dòng)作.查看通知中心

界面要點(diǎn)

大多數(shù)iOS APP使用UIKit中的組件構(gòu)建.UIKit,是一個(gè)定義了共同接口元素的編程框架.這個(gè)框架讓app實(shí)現(xiàn)在不同系統(tǒng)上的統(tǒng)一的外觀,同時(shí)提供高度自定義方案.UIKit元素靈活且熟悉.他們適應(yīng)力強(qiáng),足夠使你設(shè)計(jì)一個(gè)在任何iOS設(shè)備上都看起來(lái)不錯(cuò)的APP,而且在系統(tǒng)引入新界面時(shí),能自動(dòng)更新.UIKit的界面元素適合下面這三種分類:

• Bars 告訴用戶在APP中的位置,提供導(dǎo)航欄和可能包含按鈕和其他初始化動(dòng)作,交流信息的元素.

• Views 包含用戶需要看到的主要內(nèi)容,例如文本,圖形,動(dòng)畫,和交互元素.視圖可以允許下列行為:滾動(dòng),插入動(dòng)作,刪除動(dòng)作,排列動(dòng)作.

• Control 初始化動(dòng)作和傳遞信息.按鈕,開(kāi)關(guān),輸入框,進(jìn)度指示器都是控制的例子.

除了定義iOS的界面,UIKit還定義APP可以適應(yīng)的功能.通過(guò)這個(gè)框架,APP可以在觸摸屏上響應(yīng)手勢(shì),使繪畫,可得性,打印這些特性生效.

iOS跟其他編程框架和技術(shù)緊密結(jié)合,如Apple Pay,HealthKit,和ResearchKit,讓你設(shè)計(jì)強(qiáng)大的APP.