起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識十條幫你塑造更好的iOS應(yīng)用體驗的設(shè)計貼士
1.以規(guī)則為基礎(chǔ)進行創(chuàng)新
蘋果的人機界面設(shè)計規(guī)范給人的感覺有點像枯燥的技術(shù)手冊，但它絕不是那種可有可無的產(chǎn)品說明書。通讀之后你會發(fā)現(xiàn)，這套規(guī)范當(dāng)中涵蓋的主題非常全面，上至產(chǎn)品方向，下至界面元素的細節(jié)，所有這些“規(guī)則”都有助于你從基礎(chǔ)層面上更好的理解iOS應(yīng)用設(shè)計的方法和原理。
只有充分的了解平臺特性，對自由發(fā)揮的空間及局限有清晰的認(rèn)知，我們才能更合理更有效的落實創(chuàng)新思維。
推薦閱讀：先了解規(guī)則，再尋求創(chuàng)新 – 關(guān)于iOS應(yīng)用界面自定義
2.正確的使用界面元素
人機界面設(shè)計規(guī)范當(dāng)中的“iOS用戶界面元素使用規(guī)范”一章為你詳細的介紹了應(yīng)該在何時何處如何使用各種類型的原生界面元素，包括導(dǎo)航欄(navigation bar)、標(biāo)簽欄(tab bar)、列表、按鈕等等。
要使產(chǎn)品在最基礎(chǔ)的層面上符合用戶的認(rèn)知、降低學(xué)習(xí)成本，我們必須吃透這些原生界面元素的使用原理及相關(guān)的設(shè)計模式。
相關(guān)閱讀：移動應(yīng)用界面設(shè)計模式 – 搜索、排序、篩選
3.考慮設(shè)備的特性、局限及使用環(huán)境
設(shè)計iOS應(yīng)用與設(shè)計網(wǎng)站有所不同，我們需要考慮的因素有很多，包括移動設(shè)備自身的功能特性、顯示屏的規(guī)格局限以及特定的上下文使用環(huán)境等。
用戶在使用移動設(shè)備的時候，可能身在戶外，或是呆在室內(nèi)，這類具體情況會對人機交互的會話進程產(chǎn)生相應(yīng)的影響。在對產(chǎn)品概念及設(shè)計方案進行測試驗證時，要盡量將原型部署到實際設(shè)備當(dāng)中，在最貼近實際應(yīng)用場景的環(huán)境當(dāng)中進行操作。
推薦閱讀：
4.訂制化的應(yīng)用圖標(biāo)
應(yīng)用圖標(biāo)對于產(chǎn)品能否給用戶留下良好的第一印象起著至關(guān)重要的作用，而且通常情況下我們要考慮的不只是一兩個尺寸的圖標(biāo)。
iOS人機界面設(shè)計規(guī)范中的“圖標(biāo)的訂制化及圖片創(chuàng)建規(guī)范”一章詳細的列出了使用在不同場景及設(shè)備狀況下的圖標(biāo)規(guī)格，另外，你還可以在這里找到很多關(guān)于創(chuàng)建圖標(biāo)及相關(guān)圖片資源的設(shè)計規(guī)范及建議。
相關(guān)閱讀：移動應(yīng)用的視覺美學(xué) – 談三款擁有高收入的應(yīng)用產(chǎn)品
5.考慮不同的屏幕定向
用戶在執(zhí)行調(diào)轉(zhuǎn)屏幕定向的操作時，通常已經(jīng)在預(yù)期當(dāng)中做好深入探索內(nèi)容的準(zhǔn)備了。所以，對于具有內(nèi)容獲取及編輯功能的應(yīng)用產(chǎn)品來說，特別需要考慮在不同的屏幕定向方式下提供不同的內(nèi)容操作模式。
另外，不同的定向方式也會產(chǎn)生持機方式轉(zhuǎn)變的問題，例如從單手變?yōu)殡p手，所以相關(guān)交互模式的切換也是我們需要同時考慮的問題。
推薦閱讀：
6.觸摸，而不是點擊
移動應(yīng)用的界面設(shè)計應(yīng)該以設(shè)備特有的輸入方式作為基石。iPhone和iPad是典型的電容觸屏設(shè)備，用戶只需通過手指進行“直接操縱”，而無需借助任何外部輸入設(shè)備。
然而，手指的接觸面要比鼠標(biāo)光標(biāo)的尺寸大很多，而且用戶在執(zhí)行操作時是無法看到手指下面的內(nèi)容的，所以對于某些尺寸很小的交互元素來說，需要將實際的可觸擊區(qū)域擴大到其可視邊界之外。
類似這樣的限制因素都是我們在設(shè)計過程中需要時刻考慮到的。
7.隱形的網(wǎng)格
iOS人機界面設(shè)計規(guī)范建議，界面中的可交互元素在寬度或高度上不要小于44像素(約1/4英寸或7毫米)，否則很難保證用戶能夠準(zhǔn)確的辨識并觸擊。
另外，在移動應(yīng)用的上下文環(huán)境中，足夠大的按鈕不僅便于操作，而且可以讓用戶維持必要的注意力，避免被周圍的環(huán)境所干擾。
與Web設(shè)計中的網(wǎng)格系統(tǒng)類似，在iOS應(yīng)用界面設(shè)計過程中，可以試著采用單元規(guī)格為44像素的網(wǎng)格作為參考來規(guī)劃界面元素的布局。
8.保持專注
移動應(yīng)用產(chǎn)品要專注在首要目標(biāo)與核心任務(wù)上，在一兩件事情上做到最好，而不是以一般水平同時做很多件事。
對于非游戲類應(yīng)用來說，簡短、流暢、能夠在最短時間內(nèi)不受干擾完成任務(wù)的體驗是最重要的，切莫把效率型和實用型的產(chǎn)品做成沉浸型。
相關(guān)閱讀：初創(chuàng)型團隊容易在用戶體驗方面犯的十個錯誤
9.界面元素的伸縮性
可伸縮的界面元素的背景圖片制作方法有些類似于Fireworks中的九宮圖方式。
如果你需要實現(xiàn)一個圓角矩形按鈕，并且希望它在任何尺寸規(guī)格下都可以保持相同的圓角半徑，那么必須使用彈性視圖(stretchable view)進行創(chuàng)建；系統(tǒng)會使用圖片中間的部分作為“伸縮”的背景，而四個圓角保持不變。
10.理論基礎(chǔ)
當(dāng)你第一次讀到iOS界面設(shè)計規(guī)范當(dāng)中的“用戶界面原則”一章時，多半缺乏耐心的略讀過去，因為這章看上去稍顯理論化了一些，好像布道一樣。不過我還是建議各位花些時間認(rèn)真閱讀這部分內(nèi)容，你會發(fā)現(xiàn)這里都是實打?qū)嵉脑O(shè)計建議，例如保持界面設(shè)計的一致性、為用戶的操作提供反饋等。
來源于 ：雷鋒網(wǎng)
- 目前還沒評論，等你發(fā)揮！
