原文：?中文版來了叽讳！UI設(shè)計(jì)師必讀的IOS 10人機(jī)界面設(shè)計(jì)指南 （一）
1.1 設(shè)計(jì)原則（Design Principles）
1.2 iOS 10 新特征
widget——略
Messages——新增圖、文雹舀、視頻偏序、貼紙、可交互內(nèi)容
Siri——聲音執(zhí)行操作
通知欄——可拓展詳情圖
1.3 UIKit
欄——提供導(dǎo)航，有時(shí)包含按鈕
視圖——提供信息吩案，如文本、圖形帝簇、動(dòng)畫徘郭、可交互元素；允許滾動(dòng)丧肴、插入残揉、刪除、排列等行為芋浮。
控件——觸發(fā)功能和傳遞信息抱环，如按鈕、開關(guān)、輸入框镇草、進(jìn)度指示器眶痰。
2. 交互（Interaction）
2.1 3D 觸摸（3D Touch）
2.2 輔助功能（Accessibility）
關(guān)愛失明及視損用戶——VoiceOver描述屏幕標(biāo)簽、口述影像
關(guān)愛失聰及重聽用戶——隱藏式字母
偏好設(shè)置——使用了UIKits的應(yīng)用自動(dòng)調(diào)整為偏好設(shè)置
2.3 音頻（Audio）略
2.4 身份驗(yàn)證（Authentication）
盡可能地延后登陸——允許先瀏覽梯啤、探索
解釋身份認(rèn)證的優(yōu)勢(shì)以及如何注冊(cè)
展示適合的鍵盤來減少數(shù)據(jù)輸入
2.5 數(shù)據(jù)輸入（Data Entry）提高信息輸入效率
展示選項(xiàng)——選擇器替代輸入欄
自動(dòng)獲取系統(tǒng)信息——聯(lián)系人竖伯、日歷、tel
提供可靠的默認(rèn)值——縮短做決定的時(shí)間
輸入后立即檢查輸入值——及時(shí)改正因宇，確保填滿
邏輯排列選擇值——加快瀏覽及選擇速度
輸入欄用占位符描述
2.6 反饋（Feedback）
悄悄加入狀態(tài)信息——不干擾主要內(nèi)容黔夭，但隨時(shí)一瞥就能看到
避免不必要的警告——用戶會(huì)習(xí)慣忽略
2.7 文件處理（File Handling）
自動(dòng)保存文件——不要讓用戶主動(dòng)即時(shí)保存
支持云儲(chǔ)存——如icloud；單機(jī)時(shí)代已經(jīng)過去
設(shè)計(jì)直觀高效的文件瀏覽界面——高度圖像化羽嫡，提供添加新文件的按鈕本姥，減少手勢(shì)加快導(dǎo)航速度
可預(yù)覽文件——Quick Look 功能讓用戶查看Keynote、PDF文檔杭棵、圖片等
適當(dāng)與其它應(yīng)用共享文件
2.8 初啟動(dòng)體驗(yàn)（First Launch Experience）
提供啟動(dòng)頁——讓用戶感覺響應(yīng)速度很快婚惫，盡量與首屏相似
選擇合適的方向——與應(yīng)用相符
快速使用——少點(diǎn)教學(xué)；至少要可跳過
主動(dòng)考慮用戶可能會(huì)需要的幫助
避免一開始就讓用戶設(shè)置信息——默認(rèn)值魂爪、自動(dòng)獲取先舷、提示稍后修改
避免展示應(yīng)用內(nèi)的接受許可協(xié)議和免責(zé)聲明
應(yīng)用重啟時(shí)恢復(fù)之前的狀態(tài)
2.9 手勢(shì)（Gestures）
點(diǎn)擊（Tap）：激活一個(gè)控件或者選擇一個(gè)對(duì)象。
拖曳（Drag）：移動(dòng)一個(gè)元素滓侍。
滑動(dòng)（Flick）：快速滾動(dòng)或是平移
橫掃（Swipe）：?jiǎn)沃敢苑祷厣弦豁摻ǎ舫龇制烈晥D控制器（split view controller）中的隱藏視圖，滑出列表行中的刪除按鈕撩笆，或在輕壓中呼出操作列表捺球。在iPad中四指操作用來在應(yīng)用間切換。
雙擊（Double tap）：放大并居中內(nèi)容或圖片夕冲，或者縮小已放大過的氮兵。
捏合（Pinch）：向外張開時(shí)放大，向內(nèi)捏合時(shí)縮小歹鱼。
長(zhǎng)按（Touch and hold）：在可編輯或者可選文本中操作泣栈，顯示放大視圖用以光標(biāo)定位。在某些與集合視圖類似的視圖中操作弥姻，進(jìn)入對(duì)象可編輯的狀態(tài)南片。
搖晃（Shake）：撤銷或重做
注意：①在所有應(yīng)用內(nèi)盡量保持一致；②基于界面的導(dǎo)航及操作補(bǔ)充提供快捷手勢(shì)庭敦，但不要取代原有的疼进；③適當(dāng)使用多指手勢(shì)加強(qiáng)體驗(yàn)。
2.10 加載（Loading）
明確加載的狀態(tài)——符合風(fēng)格的活動(dòng)旋轉(zhuǎn)器（activity spinner）+進(jìn)度
通過教育或娛樂用戶來填充加載的時(shí)間——游戲螺捐、視頻颠悬、趣味圖
盡快顯示內(nèi)容——先加載先顯示矮燎，未加載完的用占位符，加載完去掉占位符
2.11 模態(tài)（Modality）
特性：模態(tài)視圖突出焦點(diǎn)赔癌，用戶必須采取操作才能推出模態(tài)化體驗(yàn)
應(yīng)用：操作列表诞外、警告框、活動(dòng)視圖
注意：①必須時(shí)才使用灾票；②提供明顯且可靠的退出方式峡谊；③保持模態(tài)任務(wù)簡(jiǎn)單、簡(jiǎn)短并且高度集中刊苍，除非完成任務(wù)否則不要使用標(biāo)有“完成”的按鈕既们；④使用標(biāo)題或在其他視圖部分添加描述說明任務(wù)；⑤不要讓模態(tài)視圖蓋在在浮出層上正什；⑥保持相符的視覺風(fēng)格啥纸；⑦為展示模態(tài)視圖選擇一個(gè)合適的過渡方式，加強(qiáng)用戶對(duì)當(dāng)前內(nèi)容轉(zhuǎn)變的認(rèn)知：（默認(rèn)）垂直地從屏幕底部向上滑出婴氮，然后在被關(guān)閉時(shí)下滑斯棒，原先的視圖便重新滑回來。應(yīng)用內(nèi)部使用統(tǒng)一的模態(tài)過渡方式主经。
2.12 導(dǎo)航（Navigation）
設(shè)計(jì)目標(biāo)：能夠支持應(yīng)用結(jié)構(gòu)和目荣暮，讓人覺得自然和熟悉，并且不應(yīng)該主導(dǎo)界面或者搶走內(nèi)容的風(fēng)頭罩驻。
導(dǎo)航分類：
操作邏輯：每屏一選穗酥，原路返回
應(yīng)用案例：原生應(yīng)用設(shè)置（Settings），郵件（Mail）
操作邏輯：不同內(nèi)容類別間切換
應(yīng)用案例：原生應(yīng)用音樂（Music）惠遏，App Store
操作邏輯：在內(nèi)容中自由地轉(zhuǎn)換砾跃，或是內(nèi)容定義導(dǎo)航
應(yīng)用案例：游戲、閱讀以及其它沉浸式應(yīng)用
注意：①總是提供清晰的路徑爽哎；②頻繁查看某屏的內(nèi)容蜓席，考慮采用操作列表、警告框课锌、浮出層或是模態(tài)視圖展示；③合理組織信息架構(gòu)祈秕，最少點(diǎn)擊/橫掃/跳轉(zhuǎn)渺贤；④用導(dǎo)航欄內(nèi)的標(biāo)題欄說明當(dāng)前的層級(jí)位置；⑤使用標(biāo)簽欄（Tabs）來展示內(nèi)容或功能相似的類別请毛；⑥使用頁面控件展示多頁面的同類型內(nèi)容志鞍。
2.13 請(qǐng)求許可（Requesting Permission）
用戶必須對(duì)應(yīng)用予以授權(quán)，應(yīng)用才能獲取用戶的個(gè)人信息（當(dāng)前位置方仿、日歷固棚、聯(lián)系人信息统翩、提醒事項(xiàng)以及照片）
請(qǐng)求只在用戶真的在使用某些需要個(gè)人數(shù)據(jù)的功能時(shí)才出現(xiàn)
當(dāng)需求不明顯時(shí)向用戶解釋為什么你的應(yīng)用需要這些信息
2.14 設(shè)置（Settings）
避免、延遲此洲、減少用戶決定設(shè)置或布局選項(xiàng)厂汗，本身設(shè)計(jì)的好
主屏放關(guān)鍵、常用的選項(xiàng)呜师，次屏放偶爾才更改的選項(xiàng)
把不經(jīng)常更改的配置選項(xiàng)放到系統(tǒng)設(shè)置里娶桦，常改的放應(yīng)用內(nèi)
適當(dāng)時(shí)提供去設(shè)置的快捷路徑
2.15 用辭（Terminology）
使用簡(jiǎn)單易懂的語言，避免深?yuàn)W技術(shù)詞匯
保持文本的清晰和簡(jiǎn)介
避免用“我汁汗、我的衷畦、我們、我們的”
謹(jǐn)慎使用幽默
提供精確的日期（識(shí)別時(shí)區(qū)）
給按鈕或其他可交互元素標(biāo)記操作動(dòng)詞知牌，如發(fā)送祈争、添加、連接
2.16 撤銷和重做（Undo and Redo）
搖晃——觸發(fā)時(shí)出現(xiàn)提示框角寸，詢問操作或取消
簡(jiǎn)明扼要地描述將要被撤銷或是重做的操作菩混，如“撤銷命名”
節(jié)制地使用撤銷和重做按鈕——必要時(shí)使用系統(tǒng)提供的標(biāo)準(zhǔn)按鈕，并放在符合預(yù)期的位置袭厂，如導(dǎo)航欄
3. 特性（Features）
3.1 多任務(wù)處理（Multitasking）
iOS設(shè)備——多任務(wù)處理界面四指手勢(shì)
iPad——Slide Over墨吓、分屏視圖（Split View）、畫中畫（Picture in Picture）模式下同時(shí)使用兩個(gè)app
注意：①處理好多任務(wù)時(shí)的資源占用纹磺、屏幕空間帖烘、聲沖突音等問題；②隨時(shí)保存橄杨，隨時(shí)恢復(fù)秘症；③確保界面能夠與雙倍高度的狀態(tài)欄（double-high status bar）共處（比如進(jìn)行中的通話、錄音和共享功能會(huì)在屏幕頂部展示額外的一個(gè)狀態(tài)欄）式矫；④節(jié)制地使用通知乡摹，讓用戶通過返回你 ?的app來查看任務(wù)的完成情況。
3.2 通知（Notification）
(更正２勺４狭！故慈！鎖屏通知是右滑打開板熊！左滑選擇查看或關(guān)閉！２毂痢８汕！）
用戶首次使用App要選擇是否接收通知
提供有用的通知——句子完整拆撼，標(biāo)點(diǎn)合適容劳；避免引導(dǎo)用戶從通知打開App完成某些任務(wù)喘沿，用戶容易忘記這件事情
不要同件事發(fā)好幾條通知
不要包含你的app名字和圖標(biāo)，系統(tǒng)會(huì)自動(dòng)地在每條通知的頂部顯示這些信息
角標(biāo)用來補(bǔ)充說明通知竭贩，不能表示重要的信息蚜印；可被關(guān)閉；實(shí)時(shí)更新娶视；將角標(biāo)上的數(shù)字清零意味著同時(shí)在消息中心移除所有相關(guān)的通知欄
考慮提供一個(gè)通知詳情試圖晒哄，允許用戶在不離開當(dāng)前環(huán)境的情況下去執(zhí)行快速的操作（如在新消息通知上直接回復(fù)信息）；應(yīng)該包含有用肪获、易識(shí)別的信息寝凌，還能在顯示時(shí)動(dòng)態(tài)更新（如拼車app就能夠在該視圖展示一個(gè)地圖，并標(biāo)出正在朝著你的位置行駛的汽車位置）
3.4 快速查看（Quick Look）
讓用戶能夠預(yù)覽Keynote,孝赫、Numbers较木、Pages、PDF文檔青柄、圖片以及其它類型的文件（即使你的應(yīng)用并不支持這些文件格式）
注意：預(yù)覽視圖要留出導(dǎo)航欄伐债；在iPad或沒導(dǎo)航欄的App內(nèi)，在一個(gè)全屏的有導(dǎo)航欄的模態(tài)視圖中打開預(yù)覽視圖——提供退出Quicklook/分享/標(biāo)記的按鈕或工具欄
4. 視覺設(shè)計(jì)（Visual Design）
4.1 動(dòng)畫（Animation）
優(yōu)勢(shì)——表達(dá)狀態(tài)致开、提供反饋峰锁、加強(qiáng)直接操縱感、視覺化呈現(xiàn)用戶的操作結(jié)果
慎用動(dòng)畫和特效——進(jìn)行用戶測(cè)試
自定義動(dòng)畫應(yīng)和系統(tǒng)動(dòng)畫相符
保證真實(shí)性双戳、可信性虹蒋，符合物理定律
4.2 品牌化（Branding）
巧妙融入品牌元素——通過優(yōu)雅別致的文字、顏色飒货、圖片魄衅、背景營造辨識(shí)度（低侵入性)，不干擾任務(wù)進(jìn)行和信息傳遞
內(nèi)容比品牌化更重要——不要為了一個(gè)無意義的logo浪費(fèi)內(nèi)容位置
4.3 顏色（Color）
優(yōu)勢(shì)——暗示可交互性塘辅、增加活力晃虫、提供視覺的連續(xù)性（參考蘋果的配色吧）
注意：①在App內(nèi)使用互補(bǔ)配色；②統(tǒng)一用一種關(guān)鍵色來暗示交互扣墩；③使用與Logo相符的配色哲银，傳達(dá)品牌；④考慮半透明對(duì)顏色的影響呻惕；⑤在多種光線下測(cè)試配色方案盘榨，以求最好的視覺體驗(yàn)；⑥關(guān)愛色盲用戶：紅綠蟆融、灰、藍(lán)橘守呜，加上形狀區(qū)分型酥；⑦注意文化差異；⑧保證足夠的對(duì)比度：7：1最佳，至少4.5：1祥得。
4.4 布局（Layout）
自適應(yīng)——不同iOS設(shè)備例嘱、橫豎屏、iPad多任務(wù)操作/分屏模式由境，自動(dòng)改變形狀大小
環(huán)境變化時(shí)保持當(dāng)前內(nèi)容的焦點(diǎn)不變
app內(nèi)保持整體一致的視覺外觀——相似功能的元素應(yīng)該看起來相似
利用視覺權(quán)重和平衡來表示重要性——大的更重要棚亩、易點(diǎn)擊；首要對(duì)象放屏幕上半部分虏杰、偏左
對(duì)齊——方便瀏覽讥蟆，幫助聚焦；縮進(jìn)+對(duì)齊表明內(nèi)容間關(guān)系
可交互元素夠大——點(diǎn)擊區(qū)域不小于44pt×44pt
4.5 字體（Typography）
iOS——San Francisco纺阔、SF UI Text（19p以下文本）瘸彤、SF UI Display（20p及以上文本）
