寫在前面的話:上次完整看iOS的設計規(guī)范還是幾年前的事,彼時還是個剛?cè)腴T的小小菜鳥。如今做了很多項目,看了很多書,長了好幾歲,此時再讀iOS10的設計規(guī)范,應該更有體會吧。
一【iOS的三大設計原則】
清晰 Clarity
縱觀整個系統(tǒng),任何尺寸的文字都清晰易懂,圖標精準易懂,恰當且微妙的修飾,聚焦于功能,一切設計由功能而驅(qū)動。留白、顏色、字體、圖形以及其他界面元素能夠巧妙地突出重點內(nèi)容并且表達可交互性。
遵從 Deference
流暢的動效和清爽美觀的界面有助于用戶理解內(nèi)容并與之交互,而不會干擾用戶。當前內(nèi)容占據(jù)整屏時,半透明和模糊處理能夠暗示其它更多的內(nèi)容。減少使用邊框、漸變和陰影讓界面盡可能地輕量化,從而突出內(nèi)容。
深度 Depth
清楚地視覺層和生動的動效表達了層次結(jié)構(gòu),賦予了活力,并有助于理解。易于發(fā)現(xiàn)的且可觸發(fā)的界面元素能提升體驗愉悅感,讓用戶在成功觸發(fā)相應功能或者獲得更多內(nèi)容的同時還能掌控當前位置的來龍去脈。當用戶瀏覽內(nèi)容時,流暢的過度提供一種縱深感。
(注釋1:用戶的結(jié)構(gòu)認知很重要。生活中的例子:宜家的地圖引導,標明你當前的位置
注釋2:作者反復強調(diào)了動效的重要性,好的動效能輔助設計符合用戶的心智模型)
二【 iOS人機界面基本構(gòu)成要素】
欄 Bars
狀態(tài)欄:屏幕頂部,一般是透明的。有些沉浸式app可以沒有
導航欄:是半透明的。使用當前視圖的標題作為導航欄標題。一般情況下導航欄上應該不多于一下三個元素(當前視圖的標題、返回按鈕、一個針對當前的操作控件)。當用戶需要專注于內(nèi)容的時候,可以考慮隱藏導航欄,如在瀏覽知乎的文章時。
標簽欄:讓用戶在不同的子任務、視圖、模式中進行切換
工具欄 tool bars?
搜索欄
三【 交互 Interaction】?
3D Touch ?輕壓Peek和重壓Pop
音頻
輔助功能 為失明、失聰以及其他殘疾群體而設計
數(shù)據(jù)輸入:選擇比打字容易;可能時從系統(tǒng)獲取信息,如手機號;提供可靠地默認值;只有在收集完必須信息后才進行下一步,盡可能在用戶輸入后就檢測輸入值;只要求必要的信息;簡化值列表的導航,字母排序或其他邏輯排列;在輸入欄顯示提示以輔助說明
反饋 Feedback:反饋在交互設計中,相當重要,重要,重要,重要~~~
文件處理 File Handing:用戶在創(chuàng)建、查看和操作文件時,無需思考文件系統(tǒng)。
首次啟動體驗 First Launch Experience:應用的啟動時間是你接觸新用戶并與老用戶再次連接的第一個時機。請設計一個快速、有趣并有教育意義的啟動體驗。(避免展示應用內(nèi)的接受許可協(xié)議和免責聲明。在你的應用被下載前直接在App Store展示接受許可協(xié)議和免責聲明)
手勢 Gestures:點擊Tap ?拖拽Darg ?滑動Flick ?橫掃Swipe ?雙擊Double Tap ?捏合Pinch ?長按Touch and hold ?搖晃Shake
加載體驗 Loading Experience:明確加載的狀態(tài);通過教育或娛樂用戶來填充加載時間;可以自定義加載畫面;盡快顯示內(nèi)容
模態(tài)視圖 Modality View:模態(tài)突出焦點,因為用戶只有完成當前任務或關(guān)閉一個信息或視圖后才能去做其他事。減少模態(tài)的使用,模態(tài)屬于打斷性操作。
導航 Navigation:用戶往往意識不到一個應用的導航,除非它沒有到達他們的預期
請求許可 Requesting Permission:雖然用戶在使用獲得這些信息的應用時會感到方便,但他們還是希望能夠控制自己的私人數(shù)據(jù)。
設置 Settings
用辭 Terminology