自己負責設計的APP馬上就上線了褪贵。
在項目進行的過程中掂之，也遺留了很多用戶體驗的問題。如輸入框的焦點問題脆丁，控件的統(tǒng)一性等世舰。所以很有必要再系統(tǒng)地整理一份設計規(guī)范。
視覺規(guī)范槽卫，如配色風格跟压，尺寸標注等，視覺設計師已經(jīng)整理了一份歼培。從交互設計師的角度震蒋，主要從頁面跳轉(zhuǎn)、架構(gòu)邏輯等角度考慮躲庄。
閱讀了《iOS10 人機界面設計指南》查剖、《Android用戶界面指南》、《Windows設計指南》噪窘、《微信小程序設計指南》梗搅，下面就簡單記錄一下學習的過程。
一效览、iOS10 人機界面設計指南
（一）綜述
1.1_設計原則
清晰：文字无切、圖標、
遵從：要輕量化丐枉，突出內(nèi)容
深度：縱深感哆键，要有層級結(jié)構(gòu)。
其他：美學完整性瘦锹、一致性籍嘹、直接操作闪盔、反饋、隱喻辱士、用戶控制始鱼。
1.2_iOS新特性
1.3_界面基本元素
欄
視圖
控件
（二）交互
2.1_3D觸摸：為觸碰式交互增加了一個維度遮婶。
主屏幕交互
輕壓和重壓
Live Photos
2.2_輔助功能：幫助失明、失聰及其他殘疾群體。
文字標簽不可見纸厉，但是可使用聲音描述把沼；適當檢查輔助功能的偏好設置古戴；測試相應的輔助功能劲赠；通過隱藏式字幕和口述影像為失聰、失明的用戶提供服務峡竣。
2.3_音頻：無論聲音是應用體驗的要素還是點綴靠抑，都需了解用戶對聲音的要求，并滿足他們的期待适掰。
如何控制音量颂碧，可通過音量鍵、靜音鍵类浪、耳機聲控和屏幕的音量調(diào)節(jié)滑塊控制聲音稚伍；使用系統(tǒng)提供的音量視圖；可設置音頻類別（如是否必要戚宦，是否會使其他聲音靜音个曙，是否被錄制）
2.4_身份驗證：要求用戶進行身份驗證時，應該用有價值的東西交換受楼。
應該盡可能延后登錄垦搬，以允許用戶先探索和了解你能夠提供的內(nèi)容；解釋身份認證的優(yōu)勢艳汽；展示適合的鍵盤來減少輸入猴贰。
2.5_數(shù)據(jù)輸入：信息輸入是一個冗長的流程。
1河狐、選擇比輸入號米绕，盡可能展示選項；2馋艺、可能時從系統(tǒng)獲取信息栅干；3、提供可靠的默認值捐祠；4碱鳞、收集完必要信息，才能進入下一步踱蛀；5窿给、即時驗證贵白；6、簡化值列表導航崩泡，通過按首字母或其他邏輯排列禁荒，加快瀏覽和選擇速度；7角撞、輸入欄顯示輔助說明呛伴。
2.6_反饋：讓用戶知道應用現(xiàn)在在做什么，下一步應該做什么靴寂，并且理解操作的結(jié)果。
1召耘、輕輕反饋百炬，不打擾用戶；2污它、避免不必要的警告
2.7_文件處理：用戶在創(chuàng)建剖踊、查看、操作文件時衫贬，無需思考文件系統(tǒng)德澈。
文件隨時自動保存；不要提供創(chuàng)建本地文件的選項固惯；設計直觀且圖像化的文件瀏覽界面梆造；在應用內(nèi)就能預覽文件；合適時葬毫，與其他應用共享文件镇辉。
2.8_啟動初體驗：應用啟動時間是接觸新用戶并與老用戶再次連接的第一個時機。
提供啟動畫面贴捡，并加載應用初始內(nèi)容忽肛；選擇合適的方向啟動（考慮橫豎屏）；快速使用烂斋，允許用戶跳過屹逛；設想用戶可能需要的幫助，當他們錯過啟動畫面時汛骂，允許重新觀看罕模；只在教程中展示最關(guān)鍵的內(nèi)容；通過操作而不是閱讀來學習帘瞭，讓學習變得有趣而且易于學習手销；避免在開始時要求用戶設置信息；避免展示應用的接受許可協(xié)議和免責聲明图张；在應用重新啟動時恢復之前的狀態(tài)锋拖；不要太快或太頻繁要求用戶對你的應用評分诈悍；不要鼓勵重啟。
2.9_手勢：手勢表現(xiàn)了一種親密的人與內(nèi)容之間的聯(lián)系兽埃，并且加強了對屏幕上對象直接的操作感侥钳。
手勢類型：點擊（Tab）、拖拽（Drag）柄错、滑動Flick舷夺、橫掃Swipe、雙擊Double Tap售貌、捏合Pinch给猾、長按Touch and hold、搖晃Shake
一般使用標準手勢颂跨；不要禁止系統(tǒng)性的手勢敢伸；避免使用標注手勢來執(zhí)行非標準操作；為基于界面的導航和操作提供補充性的快捷手勢恒削，而不是取而代之池颈，如在iPad中，可以點擊Home鍵退出到主屏幕钓丰，或是使用四指捏合的手勢躯砰；使用多指手勢加強某些應用的體驗。
2.10_加載：在內(nèi)容加載時携丁，若未空白靜止的頁面琢歇，會讓人感到困惑和失望，從而離開你的應用梦鉴。
明確加載的狀態(tài)矿微，如加載圖標，加載進度等尚揣；通過教育或娛樂填充加載時間涌矢；自定義加載動畫；盡快顯示內(nèi)容快骗，如顯示占位符娜庇、圖片或動畫，并可在后臺預加載方篮。
2.11_模態(tài)：模態(tài)突出焦點名秀，用戶只有在完成當前任務或關(guān)閉一個信息或視圖之后才能去做其他事情。
減少模態(tài)的使用藕溅；提供明顯退出方式匕得；保持模態(tài)的簡單、簡短且高度集中；使用標題汁掠；謹慎使用警告框略吨；尊重用戶的通知偏好設置；不要讓模態(tài)視圖蓋在浮層上考阱；讓模態(tài)視圖視覺風格與應用相符翠忠；選擇合適的模態(tài)視圖樣式，如全屏乞榨、頁列表秽之、表格列表、當前上下文吃既；選擇合適的過渡方式考榨。
2.12_導航：讓用戶注意不到導航的存在，才是好的導航設計鹦倚。
三種導航結(jié)構(gòu)：分層導航河质、扁平導航、內(nèi)容驅(qū)動或體驗驅(qū)動導航申鱼；提供清晰的路徑愤诱；設計一個能夠快速簡單訪問內(nèi)容的信息結(jié)構(gòu)云头；使用觸摸手勢制造流暢感捐友；使用標準導航組件；訪問分層內(nèi)容溃槐；使用標簽欄來展示內(nèi)容或功能相似的類別匣砖；使用頁面控件展示同類型內(nèi)容。
2.13_請求許可：用戶必須對應用予以授權(quán)昏滴，應用才能獲取用戶的個人信息猴鲫。
只在應用真的需要時，才向用戶請求獲得個人數(shù)據(jù)谣殊；需求不明顯時拂共，向用戶解釋為什么需要這些信息；一啟動就請求允許對運行應用直觀重要的信息姻几；不必要時不請求位置信息宜狐。
2.14_設置：成功的應用能一開始讓用戶很好使用，并同時提供了便捷的途徑去調(diào)整體驗蛇捌。
能從系統(tǒng)獲取的就不要詢問用戶抚恒；考慮對配置選項的優(yōu)先排序；把不經(jīng)常更改的配置選項放系統(tǒng)設置里络拌；適當提供去設置的快捷路徑俭驮。
2.15_用辭：每一個應用都是與用戶對話的一部分。
使用熟悉移動的語言春贸，避免使用不理解的術(shù)語混萝；保持界面文本清晰簡潔遗遵；避免使用傲慢的語言；盡量使用日常且友好的預期譬圣；謹慎使用幽默瓮恭；使用相關(guān)一致的語言和圖像；提供精準的日期厘熟；恰當指出可交互元素屯蹦。
2.16_撤銷和重做：很多應用通過搖晃設備來撤銷或重做某個操作。
簡明扼要描述操作绳姨，在前綴后面提供一兩個詞語登澜；手勢使用不要混淆；節(jié)制使用按鈕飘庄；只在當前情境執(zhí)行脑蠕。.
（三）特性
3.1_多任務處理：隨時且快速從一個應用切換到另一個，讓你在不離開當前APP的情況下暫時性的使用第二個APP跪削；
準備好應對中斷谴仙，并準備好隨時恢復；確保你的界面能夠與雙倍高度的狀態(tài)欄共處碾盐；暫停需要時時關(guān)注或用戶參與的活動晃跺；恰當處理來自應用外的聲音；在后臺完成用戶發(fā)起的任務毫玖；節(jié)制的使用通知掀虎。
3.2_通知：利用通知提供及時和重要的信息。
通知樣式：橫幅付枫，在屏幕上方出現(xiàn)幾秒烹玉，然后消失；提醒阐滩，屏幕上方出現(xiàn)二打，直到被手動關(guān)閉。
通知可以是本地或遠程的掂榔。本地通知由同一個設備發(fā)出和接收继效；遠程通知，也叫推送通知衅疙，來自一個服務器莲趣。
提供有用的通知；即使用戶沒有回應饱溢，也不要為同一件事情發(fā)送多個通知喧伞；不要包含你的APP名字和圖標；角標用來補充說明通知，而不能表示重要的信息潘鲫；保持角標實時更新翁逞；提供聲音以輔助你的通知提醒；考慮提供一個詳情視圖溉仑；提供直觀挖函、有用的操作；避免展示破壞性的操作浊竟。
3.3_打釉勾：使用AirPrint技術(shù)來無線打印。
讓打印選項易于發(fā)現(xiàn)振定；只在可以打印的情況下才允許打颖亓；提供有價值的打印選項后频。
3.4_快速查看：預覽文檔梳庆。
在當前環(huán)境下合理展現(xiàn)預覽視圖，提供退出預覽的按鈕卑惜。
3.5_Siri：聯(lián)動來執(zhí)行任務以應對用戶的語音命令和問題膏执。
力求無需觸屏或注視屏幕的聲控體驗；快速應答并減少交互操作露久；保證APP的回應是相關(guān)的更米、精確的以及合適的。
3.6_電視供應商
優(yōu)設網(wǎng) 網(wǎng)址鏈接：
（四）視覺設計
4.1_動畫：表達狀態(tài)抱环、提供反饋壳快、加強直接操縱感纸巷，并視覺化呈現(xiàn)用戶的操作結(jié)果镇草。
明智且審慎使用動畫和特效；使用連貫的動畫瘤旨；力求真實性和可信性梯啤。
4.2_品牌化：通過優(yōu)雅別致的文字、顏色和圖片來營造獨特的品牌辨識度存哲。
融入精妙的因宇、不唐突的品牌元素；不要讓品牌化阻礙了優(yōu)秀的應用設計祟偷；內(nèi)容比品牌化更重要察滑；抑制住想要在應用中到處展示Logo的誘惑；遵循Apple的商標準則修肠。
4.3_顏色：能夠暗示可交互性贺辰、增加活力以及提供視覺的連續(xù)性。
在app內(nèi)使用互補的顏色；選擇一種與Logo相符的顏色數(shù)量有限的色板饲化；考慮在app中使用一種關(guān)鍵色來暗示交互性莽鸭；避免給可交互和不可交互的元素使用相同的顏色；在多種光線條件下測試app顏色方案吃靠；考慮true tone顯示屏對顏色的影響硫眨；關(guān)注色盲用戶以及不同文化對顏色的認知差異；使用足夠的顏色對比度巢块。
4.4_布局：合理布局以便在所有環(huán)境任何一種模式下都能使用礁阁。
環(huán)境變化時保持當前內(nèi)容的焦點不變；確保最重要的內(nèi)容在默認大小下清晰可讀族奢；保持整體一致的視覺外觀氮兵；利用視覺權(quán)重和平衡來表示重要性；利用對齊來方便瀏覽歹鱼，并且表達結(jié)構(gòu)和層級泣栈；避免無緣由的布局變動；同時支持豎屏和橫屏模式弥姻；如果只支持一種模式南片，請支持該模式的兩種變量；利用當前使用內(nèi)容來定制應用對旋轉(zhuǎn)的反應庭敦；為可交互元素提供足夠的空間疼进；準備好應對文本大小的改變。
4.5_字體：iOS默認字體是San Francisco秧廉，它有兩個變體伞广。
通過字體粗細、大小和顏色來強調(diào)重要信息疼电；盡量使用一種字體嚼锄；盡量使用內(nèi)置的文本樣式；確保自定義字體清晰可讀蔽豺；讓自定義字體實現(xiàn)輔助功能区丑；根據(jù)內(nèi)容的優(yōu)先級來應對字體大小的改變。
（五）圖表
5.1_應用圖標：app需要一個精美修陡、令人印象深刻的圖標沧侥。
擁抱簡潔；提供一個單獨的焦點魄鸦；設計一個易于辨識的圖標宴杀；讓背景簡單并且避免使用透明度；只有當logo全部或部分由文字組成時拾因，才在圖標使用文字旺罢；不要包含照片斯棒、屏幕截圖或界面元素；不要復用Apple硬件產(chǎn)品的圖形主经；不要在界面到處放置APP圖標荣暮；在不同壁紙上測試你的圖標。
APP圖標大小
5.2_自定義圖標：不能用系統(tǒng)圖標表示的任務或模式罩驻。
創(chuàng)作簡單穗酥、辨識度高的設計；設計一個純色并帶有透明度惠遏、無鋸齒砾跃、無陰影的圖標；使自定義圖標與系統(tǒng)圖標有所區(qū)分节吮；保持圖標之間一致連貫抽高；提供兩種自定義標簽欄圖標的版本，如未選中和選中態(tài)透绩；不要在自定義標簽欄圖標內(nèi)包含文本翘骂；不要復用Apple硬件產(chǎn)品的圖形。
5.3_圖片大小和分辨率
高分辨率屏幕在相同的物理空間內(nèi)有了更多數(shù)量的總像素帚豪，所以平均每點有了更多的像素碳竟。我們需要依據(jù)設備的不同，將每張圖像的固有像素乘以相應的比例系數(shù)狸臣。
5.4啟動畫面：增強用戶對你的app能夠快速啟動并且立即被使用的感覺莹桅。
設備屏幕不同，啟動畫面大小會有差異烛亦；最好是能與app首屏相似诈泼，避免跳轉(zhuǎn)太突兀；淡化啟動煤禽；不要打廣告铐达。
5.5_系統(tǒng)圖標
導航欄和工具欄中，可以使用文本代替圖標來表示某項呜师。
（六）UI欄
6.1—導航欄：屏幕頂部娶桦，狀態(tài)欄之下贾节。
導航欄的左側(cè)會出現(xiàn)一個返回按鈕汁汗，并且一般會標有上一個頁面的標題；
