1.以規(guī)則為基礎(chǔ)進(jìn)行創(chuàng)新

蘋果的人機(jī)界面設(shè)計(jì)規(guī)范給人的感覺有點(diǎn)像枯燥的技術(shù)手冊(cè)，但它絕不是那種可有可無的產(chǎn)品說明書。通讀之后你會(huì)發(fā)現(xiàn)，這套規(guī)范當(dāng)中涵蓋的主題非常全面，上至產(chǎn)品方向，下至界面元素的細(xì)節(jié)，所有這些“規(guī)則”都有助于你從基礎(chǔ)層面上更好的理解iOS應(yīng)用設(shè)計(jì)的方法和原理。

只有充分的了解平臺(tái)特性，對(duì)自由發(fā)揮的空間及局限有清晰的認(rèn)知，我們才能更合理更有效的落實(shí)創(chuàng)新思維。

推薦閱讀：先了解規(guī)則，再尋求創(chuàng)新 – 關(guān)于iOS應(yīng)用界面自定義

2.正確的使用界面元素

人機(jī)界面設(shè)計(jì)規(guī)范當(dāng)中的“iOS用戶界面元素使用規(guī)范”一章為你詳細(xì)的介紹了應(yīng)該在何時(shí)何處如何使用各種類型的原生界面元素，包括導(dǎo)航欄(navigation bar)、標(biāo)簽欄(tab bar)、列表、按鈕等等。

要使產(chǎn)品在最基礎(chǔ)的層面上符合用戶的認(rèn)知、降低學(xué)習(xí)成本，我們必須吃透這些原生界面元素的使用原理及相關(guān)的設(shè)計(jì)模式。

相關(guān)閱讀：移動(dòng)應(yīng)用界面設(shè)計(jì)模式 – 搜索、排序、篩選

3.考慮設(shè)備的特性、局限及使用環(huán)境

設(shè)計(jì)iOS應(yīng)用與設(shè)計(jì)網(wǎng)站有所不同，我們需要考慮的因素有很多，包括移動(dòng)設(shè)備自身的功能特性、顯示屏的規(guī)格局限以及特定的上下文使用環(huán)境等。

用戶在使用移動(dòng)設(shè)備的時(shí)候，可能身在戶外，或是呆在室內(nèi)，這類具體情況會(huì)對(duì)人機(jī)交互的會(huì)話進(jìn)程產(chǎn)生相應(yīng)的影響。在對(duì)產(chǎn)品概念及設(shè)計(jì)方案進(jìn)行測(cè)試驗(yàn)證時(shí)，要盡量將原型部署到實(shí)際設(shè)備當(dāng)中，在最貼近實(shí)際應(yīng)用場(chǎng)景的環(huán)境當(dāng)中進(jìn)行操作。

推薦閱讀：

• iOS用戶體驗(yàn)解析
• 殺手級(jí)的產(chǎn)品 – 為應(yīng)用的上下文環(huán)境而設(shè)計(jì)

4.訂制化的應(yīng)用圖標(biāo)

應(yīng)用圖標(biāo)對(duì)于產(chǎn)品能否給用戶留下良好的第一印象起著至關(guān)重要的作用，而且通常情況下我們要考慮的不只是一兩個(gè)尺寸的圖標(biāo)。

iOS人機(jī)界面設(shè)計(jì)規(guī)范中的“圖標(biāo)的訂制化及圖片創(chuàng)建規(guī)范”一章詳細(xì)的列出了使用在不同場(chǎng)景及設(shè)備狀況下的圖標(biāo)規(guī)格，另外，你還可以在這里找到很多關(guān)于創(chuàng)建圖標(biāo)及相關(guān)圖片資源的設(shè)計(jì)規(guī)范及建議。

相關(guān)閱讀：移動(dòng)應(yīng)用的視覺美學(xué) – 談三款擁有高收入的應(yīng)用產(chǎn)品

5.考慮不同的屏幕定向

用戶在執(zhí)行調(diào)轉(zhuǎn)屏幕定向的操作時(shí)，通常已經(jīng)在預(yù)期當(dāng)中做好深入探索內(nèi)容的準(zhǔn)備了。所以，對(duì)于具有內(nèi)容獲取及編輯功能的應(yīng)用產(chǎn)品來說，特別需要考慮在不同的屏幕定向方式下提供不同的內(nèi)容操作模式。

另外，不同的定向方式也會(huì)產(chǎn)生持機(jī)方式轉(zhuǎn)變的問題，例如從單手變?yōu)殡p手，所以相關(guān)交互模式的切換也是我們需要同時(shí)考慮的問題。

推薦閱讀：

• 橫豎屏切換中的界面設(shè)計(jì)與體驗(yàn)提升
• iOS操作圖例與觸屏人機(jī)工學(xué)

6.觸摸，而不是點(diǎn)擊

移動(dòng)應(yīng)用的界面設(shè)計(jì)應(yīng)該以設(shè)備特有的輸入方式作為基石。iPhone和iPad是典型的電容觸屏設(shè)備，用戶只需通過手指進(jìn)行“直接操縱”，而無需借助任何外部輸入設(shè)備。

然而，手指的接觸面要比鼠標(biāo)光標(biāo)的尺寸大很多，而且用戶在執(zhí)行操作時(shí)是無法看到手指下面的內(nèi)容的，所以對(duì)于某些尺寸很小的交互元素來說，需要將實(shí)際的可觸擊區(qū)域擴(kuò)大到其可視邊界之外。

類似這樣的限制因素都是我們?cè)谠O(shè)計(jì)過程中需要時(shí)刻考慮到的。

推薦閱讀：又是為了觸屏移動(dòng)設(shè)備而設(shè)計(jì)

7.隱形的網(wǎng)格

iOS人機(jī)界面設(shè)計(jì)規(guī)范建議，界面中的可交互元素在寬度或高度上不要小于44像素(約1/4英寸或7毫米)，否則很難保證用戶能夠準(zhǔn)確的辨識(shí)并觸擊。

另外，在移動(dòng)應(yīng)用的上下文環(huán)境中，足夠大的按鈕不僅便于操作，而且可以讓用戶維持必要的注意力，避免被周圍的環(huán)境所干擾。

與Web設(shè)計(jì)中的網(wǎng)格系統(tǒng)類似，在iOS應(yīng)用界面設(shè)計(jì)過程中，可以試著采用單元規(guī)格為44像素的網(wǎng)格作為參考來規(guī)劃界面元素的布局。

8.保持專注

移動(dòng)應(yīng)用產(chǎn)品要專注在首要目標(biāo)與核心任務(wù)上，在一兩件事情上做到最好，而不是以一般水平同時(shí)做很多件事。

對(duì)于非游戲類應(yīng)用來說，簡(jiǎn)短、流暢、能夠在最短時(shí)間內(nèi)不受干擾完成任務(wù)的體驗(yàn)是最重要的，切莫把效率型和實(shí)用型的產(chǎn)品做成沉浸型。

相關(guān)閱讀：初創(chuàng)型團(tuán)隊(duì)容易在用戶體驗(yàn)方面犯的十個(gè)錯(cuò)誤

9.界面元素的伸縮性

可伸縮的界面元素的背景圖片制作方法有些類似于Fireworks中的九宮圖方式。

如果你需要實(shí)現(xiàn)一個(gè)圓角矩形按鈕，并且希望它在任何尺寸規(guī)格下都可以保持相同的圓角半徑，那么必須使用彈性視圖(stretchable view)進(jìn)行創(chuàng)建；系統(tǒng)會(huì)使用圖片中間的部分作為“伸縮”的背景，而四個(gè)圓角保持不變。

10.理論基礎(chǔ)

當(dāng)你第一次讀到iOS界面設(shè)計(jì)規(guī)范當(dāng)中的“用戶界面原則”一章時(shí)，多半缺乏耐心的略讀過去，因?yàn)檫@章看上去稍顯理論化了一些，好像布道一樣。不過我還是建議各位花些時(shí)間認(rèn)真閱讀這部分內(nèi)容，你會(huì)發(fā)現(xiàn)這里都是實(shí)打?qū)嵉脑O(shè)計(jì)建議，例如保持界面設(shè)計(jì)的一致性、為用戶的操作提供反饋等。

來源于 ：雷鋒網(wǎng)