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