前兩天放出了 iOS14 的規(guī)范更新預(yù)覽,不少同學(xué)都催著讓我們趕緊把 iOS14 的中譯版規(guī)范整出來。這不,緊趕慢趕,我們終于把更新的幾個(gè)章節(jié)翻譯出來了,并且整合進(jìn)了之前的 iOS13 設(shè)計(jì)規(guī)范中。
導(dǎo)航:應(yīng)用架構(gòu) — 2.1 啟動(dòng)
這里注意把啟動(dòng) (Launching) 和啟動(dòng)頁 (Launch Screen) 區(qū)分開來,啟動(dòng)指的是應(yīng)用啟動(dòng)的整個(gè)過程,而不單單指啟動(dòng)頁面。
iOS對(duì)應(yīng)用啟動(dòng)的要求就兩個(gè):快速,無縫。
快速指的是利用啟動(dòng)頁面來緩解用戶的等待感,甚至可以設(shè)計(jì)一張與應(yīng)用首頁差不多的啟動(dòng)頁,騙過用戶的認(rèn)知。
無縫則指的在啟動(dòng)的過程中不要請(qǐng)求設(shè)置信息、不要要求評(píng)價(jià)、不要顯示授權(quán)許可和免責(zé)聲明,總之,不要打斷用戶在啟動(dòng)過程中的體驗(yàn)。
導(dǎo)航:用戶交互 — 3.2 Apple Pencil
Apple Pencil 作為 iPad 的殺手級(jí)配件,其硬件靈敏度、功能完善度和對(duì) iPadOS 的集成度都已經(jīng)達(dá)到了很高的水準(zhǔn)。其中,開發(fā)者可以利用 Apple Pencil 觸控的三層緯度即高度 ()、壓力 () 和方位角 () 來設(shè)計(jì)一套優(yōu)異且完善的手寫交互體驗(yàn)。還可以自定義雙擊筆身的功能,讓 App 和 Apple Pencil 更加契合,讓用戶在 iPadOS 當(dāng)中流暢的工作。
而且值得一提的是,新的 iPadOS14 已經(jīng)支持 Apple Pencil 全局手寫輸入,不需要再呼出那個(gè)半屏高的鍵盤來打字了。
導(dǎo)航:用戶交互 — 3.9 游戲控制器
其實(shí) iPadOS 剛剛出來就已經(jīng)支持了游戲控制器 (游戲手柄),這一章節(jié)主要旨在指導(dǎo)移動(dòng)游戲開發(fā)者 (or 游戲UI/UX設(shè)計(jì)師) 如何利用游戲手柄,來帶給用戶最好的游戲體驗(yàn)。
導(dǎo)航:用戶交互 — 3.13 指針 (iPadOS)
iPadOS13.4 以及 iOS13.4 版本引入了動(dòng)態(tài)的指針效果,蘋果依然在原有的指針交互上 更進(jìn)一步做出了更多的改改變,比如說高亮、抬升、懸浮三種內(nèi)容效果,以及隨內(nèi)容效果而無縫變形的指針效果。
當(dāng)然,值得 UI 設(shè)計(jì)師注意的重點(diǎn)在于元素的命中區(qū)域 (hit regions),這個(gè)區(qū)域可以幫助指針進(jìn)行磁吸定位,并定義指針變形的邊界,所以在做 iPadOS 的適配時(shí)需要格外注意元素的 Padding。
導(dǎo)航:系統(tǒng)功能 — 4.11 小部件
作為此次 iOS14 更新的重點(diǎn),小部件的設(shè)計(jì)要點(diǎn)還是相當(dāng)多的。簡(jiǎn)而言之,除了之前概述中提到的三種尺寸之外,對(duì)于設(shè)計(jì)師來說更重要的是利用圖形、圖片、文字和排版設(shè)計(jì)出一個(gè)有重點(diǎn)、實(shí)用且優(yōu)美的小部件。iPhone 用戶頭一次可以這么大程度地自定義自己的桌面,所以小部件的設(shè)計(jì)如何設(shè)計(jì)得出彩又不浮夸,對(duì)設(shè)計(jì)師來說也是一種考驗(yàn)。
官方給出了小部件的標(biāo)準(zhǔn) Padding,為 16pt,更緊湊的為8pt。我們制作了一份小部件邊距模版,回復(fù) iOS 會(huì)隨規(guī)范附贈(zèng)。
導(dǎo)航:UI 欄 — 7.3 側(cè)邊欄
不得不說,iPadOS 正朝著 MacOS 大跨步前進(jìn),從之前的支持鼠標(biāo)、游戲手柄,到現(xiàn)在引入 MacOS 應(yīng)用經(jīng)典的側(cè)邊欄,再到這次 WWDC20 展示出的運(yùn)行在 A12Z 上的 MacOS Big Sur,我們似乎可以看到 iPad/Mac 融合正在逐漸從未來,向現(xiàn)實(shí)走來。
導(dǎo)航:控件 — 9.8 下拉菜單
我們可以注意到蘋果的下拉菜單,也會(huì)有主屏快捷操作菜單的影子——左邊標(biāo)題,右邊符號(hào)。不過鑒于現(xiàn)在國(guó)內(nèi) APP 早就用上了自己設(shè)計(jì)的下拉菜單,以后估計(jì)也不太會(huì)去向官方靠攏,這一趴看看交互原則就好,具體設(shè)計(jì)還是各玩各的。
結(jié)尾
介紹到這里差不多就結(jié)束了,關(guān)注公眾號(hào)后臺(tái)回復(fù)“iOS”獲取小部件的 Padding 模版、iOS14 的組件庫(kù),以及SF pro 和 SF Symbol 的安裝文件。
這里需要注意一下,因?yàn)?iOS14 還在進(jìn)行 beta 測(cè)試,官方只放出了 Sketch 版的組件庫(kù),Windows 的同學(xué)可以用 XD 直接打開 Sketch 文件,或?qū)⑵鋵?dǎo)入 Figma;其次 SF Symbol僅限 MacOS 安裝。
全站高品質(zhì)素材免費(fèi)下載!