概述
設(shè)計(jì)原則
作為一個APP設(shè)計(jì)師,你有機(jī)會推出一個很酷的作品,并晉升到APP Store Top排行榜.為了達(dá)到這個目的,你需要滿足用戶對APP的質(zhì)量和功能的高期望.
有三個主要主題使iOS區(qū)別于其他平臺:
- 清晰.貫穿著整個系統(tǒng),任何字號的文本都是清晰的,圖標(biāo)是清晰易懂的,裝飾是恰當(dāng)好處的,和突出重點(diǎn)功能驅(qū)動著設(shè)計(jì), 負(fù)空間,顏色,字體,圖形和界面元素巧妙地突出重要內(nèi)容和傳達(dá)交互性.
- 遵從.流體運(yùn)動和簡潔,精美的界面幫助用戶理解內(nèi)容并與之進(jìn)行交互,而不是跟用戶作對.應(yīng)用內(nèi)容通常充滿整個屏幕,毛玻璃效果經(jīng)常暗示更多.最低限度地使用邊框(bezel),漸變和陰影能保持界面明亮且清新,與此同時確保應(yīng)用內(nèi)容是最核心的.
-
深度.獨(dú)特的視覺層次和真實(shí)的動作傳達(dá)層次感,賦予活力和促進(jìn)理解.觸摸和可發(fā)現(xiàn)性能提高樂趣,能夠訪問功能和額外內(nèi)容,且沒有丟失上下文.當(dāng)用戶通過內(nèi)容導(dǎo)航(navigate)時,過場(Transitions)提供了深度感.(譯注:導(dǎo)航欄
UINavigationController在push一個UIViewController時,過場動畫Transitions animation能給用戶一種深度感)
為了最大化影響力和范圍.從考慮你的APP ID開始,就請牢記下列的準(zhǔn)則:
美學(xué)完整性
美學(xué)完整性代表APP外貌和行為與功能完美地融為一體.例如,一個APP在為幫助用戶執(zhí)行嚴(yán)肅的任務(wù)時,通過使用微妙的,不起眼的圖形,標(biāo)準(zhǔn)控制和可預(yù)測行,能讓他們保持專注.另一方面,一個沉浸式APP,例如游戲,可以傳遞一個迷人的外表,保證內(nèi)容有趣且令人興奮的,同時刺激用戶的探索欲望.一致性
一個始終如一的APP通過系統(tǒng)提供的界面元素,知名的圖標(biāo),標(biāo)準(zhǔn)的文本格式和同一的術(shù)語實(shí)現(xiàn)熟悉的標(biāo)準(zhǔn)和模式.APP以用戶期望的方式結(jié)合了特性與行為.直接操縱
單屏幕內(nèi)容的直接操縱吸引用戶和促進(jìn)理解.用戶在轉(zhuǎn)動屏幕或使用手勢影響屏幕內(nèi)容時體驗(yàn)直接操縱.通過直接操縱,他們可以看到動作能立即地,明顯地展示結(jié)果.反饋
反饋接收動作和顯示結(jié)果讓用戶保持消息靈通.內(nèi)置的iOS APP提供明顯的反饋來響應(yīng)用戶的動作.交互元素在輕擊時短暫地高亮,進(jìn)度指示器顯示長時間運(yùn)轉(zhuǎn)操作的狀態(tài),動畫和聲音都能幫助用戶識別當(dāng)前動作的結(jié)果.隱喻
用戶能在一個APP的可視對象和動作隱喻了熟悉的經(jīng)驗(yàn)--不論是否來自現(xiàn)實(shí)或虛擬世界的環(huán)境中快速上手.隱喻在iOS上很有用是因?yàn)橛脩粼谑謾C(jī)屏幕上進(jìn)行物理交互.用戶挪開視圖,暴露內(nèi)容下方的內(nèi)容.他們拖動和滑動內(nèi)容.他們打開開關(guān),移動滑動條,滾動選擇器的數(shù)值.他們甚至翻書頁和翻雜志.用戶控制
貫穿整個iOS系統(tǒng),是用戶-而不是APP-在控制.APP可以猜測一個行動或警告一些危險(xiǎn)的結(jié)果,但是app經(jīng)常錯誤地接管用戶的決策.最優(yōu)秀的APP能在讓用戶做決策與避免不必要的結(jié)果之間找到一個合理的平衡.通過保持交互元素可熟悉的和可預(yù)見的,批準(zhǔn)破壞性行為,輕松地取消操作,甚至是進(jìn)行中的操作等,一個APP可以讓用戶感覺他們在控制他們的APP.
iOS 10的新內(nèi)容
在iOS 10,你可以建立比以前更厲害的APP.
搜索屏幕和Home屏幕上的小部件(widget) 小部件提供節(jié)省時間的,有用的信息或不用打開APP就能使用特定功能.在過去,用戶添加小部件到通知中心(Notification Center)來快速訪問.現(xiàn)在,用戶添加小部件到搜索屏幕,而用戶只需在Home屏幕和鎖屏?xí)r向右滑動就能看到搜索屏幕.當(dāng)用戶使用3D Touch按壓Home屏幕上的APP圖標(biāo)時,還可以在彈出的動作列表中加入小部件.小部件的設(shè)計(jì)與行為已發(fā)生改變.確保回顧和相對應(yīng)地更新已存在的設(shè)計(jì).查看小部件
集成Message 通過實(shí)現(xiàn)出現(xiàn)在一個Messages聊天界面下方和能讓用戶分享APP特有的內(nèi)容給好友的信息擴(kuò)展(Message extension),APP可以與Message集成.APP可以分享文字,照片,視頻,貼紙,甚至Message游戲之類的交互內(nèi)容.查看消息傳送
集成Siri APP可以集成Siri,讓用戶使用語音來執(zhí)行APP的特定動作,例如打電話,發(fā)送信息,開始鍛煉等.查看Siri
擴(kuò)展通知中心 當(dāng)用戶使用3D Touch按壓通知中心或在一個無鎖狀態(tài)的設(shè)備上下拉通知中心時,使用一個擴(kuò)展的詳細(xì)視圖來增強(qiáng)通知中心.使用這個擴(kuò)展視圖讓用戶快速獲得更多通知中心的信息并且在沒有丟失上下文的情景下,立即執(zhí)行動作.查看通知中心
界面要點(diǎn)
大多數(shù)iOS APP使用UIKit中的組件構(gòu)建.UIKit,是一個定義了共同接口元素的編程框架.這個框架讓app實(shí)現(xiàn)在不同系統(tǒng)上的統(tǒng)一的外觀,同時提供高度自定義方案.UIKit元素靈活且熟悉.他們適應(yīng)力強(qiáng),足夠使你設(shè)計(jì)一個在任何iOS設(shè)備上都看起來不錯的APP,而且在系統(tǒng)引入新界面時,能自動更新.UIKit的界面元素適合下面這三種分類:
Bars 告訴用戶在APP中的位置,提供導(dǎo)航欄和可能包含按鈕和其他初始化動作,交流信息的元素.
Views 包含用戶需要看到的主要內(nèi)容,例如文本,圖形,動畫,和交互元素.視圖可以允許下列行為:滾動,插入動作,刪除動作,排列動作.
Control 初始化動作和傳遞信息.按鈕,開關(guān),輸入框,進(jìn)度指示器都是控制的例子.
除了定義iOS的界面,UIKit還定義APP可以適應(yīng)的功能.通過這個框架,APP可以在觸摸屏上響應(yīng)手勢,使繪畫,可得性,打印這些特性生效.
iOS跟其他編程框架和技術(shù)緊密結(jié)合,如Apple Pay,HealthKit,和ResearchKit,讓你設(shè)計(jì)強(qiáng)大的APP.
