成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

濃縮才是精華:《iOS人機交互手冊》九大要點

移動開發 Android
相信對于產品設計人員來說,對于 iOS 人機交互說明手冊(iOS Human Interface Guidelines)應該都不陌生,作為蘋果官方出品的文檔對于我們在IOS以及移動產品設計上面有很大的指導和參考意義,值得每一個產品設計人員反復閱讀。但由于該文檔篇幅較長、涉及的內容細則廣泛,所以這里將其中提到的一些重點和值得注意的部分做了一個總結和大家分享。

可點擊元素的最小尺寸是 44×44 點

以 iPhone 4S 為例,PPI為326,而PPI和屏幕大小的換算公式為PPI=√a^2+b^2/c^2(a、b為區域像素大小,c為尺寸大小)。所以,將公式反推就可 以得到iPhone 4S的最小點擊區域的實際尺寸為0.19in。另外,我們知道1in=25.4mm,所以iPhone 4S的最小點擊尺寸在屏幕上的尺寸為:

0.19*25.4=4.8mm

也就是說在iPhone 4S上,我們的設計最終效果應該保證用戶可操作元素的最小尺寸不得小于4.8mmx4.8mm,大概是成年人食指的大小。

保持應用的一致性

一致性帶來的好處是界面UI的統一美觀,并且用戶可以沿用原來對于產品的理解很快上手,減少學習成本。文檔中具體提到三點:

  • 是否與 iOS 系統保持統一
  • 是否應用內系統保持統一
  • 是否多版本之間保持統一

其中統一的部分概念比較廣泛,從交互方式、圖標定義、文案術語含義到UI組件、操作結果等等,最終的目的就是希望能夠讓用戶舒服的使用產品

對于用戶操作給予積極的反饋

iOS官方內置的程序會給用戶的每一個操作提供可視的反饋。例如,當用戶點擊列表項時,該項的背景會變成高光。同樣用戶也希望在我們的應用里能得到類似的反饋,反饋告訴他們的操作會有何結果以及確定程序正在運行,所以我們應該:

  • 對于用戶的操作給予即刻的反饋
  • 對于較長流程的操作給予進度和運行狀態的反饋

要選擇和程序風格一致的狀態欄

官方提供三種不同的狀態欄樣式。如下圖:

所以,我們應該根據應用不同的風格來定義不同樣式的狀態欄,比如說導航欄不是透明的,就不要選用透明的狀態欄

導航欄的標準樣式

對于導航欄的樣式 iOS 有一定的標準和要求,下圖就是一個 iOS 標準的導航欄樣式:

其中 - 導航欄左側為返回按鈕,寫著上一級的標題 - 中間為當面這一屏頁面的標題 - 右側為與當前內容相匹配的控件

不要創建分段的返回按鈕

如下圖:

使用分段返回按鈕會導致很多問題: - 分段控件太長,都沒空放標題了 - 沒法展示某一段的選中狀態,段越多每一段的可點擊區域越小,用戶想按某一個不好按 - 當層級很深時,選擇層級的哪一部分來展示是個問題

在iPhone上,tab欄一次只能顯示 5 個以內的頁簽

如果程序有更多的tab,tab欄可以展示前四個,第五個放一個「更多」,用列表的方式呈現其余的項目,如下圖:

另外,在iPad上,tab欄可以顯示多于5個tab

不要提供關閉浮出層的按鈕,浮出層上面不要展示任何東西

iOS 官方不建議在浮出層上提供關閉按鈕,而是應該當浮出層沒有必要存在的時候就應該消失。對于沒有必要存在的情況,官方是這樣定義的:

  • 當用戶對浮出層的操作已經完成的時候
  • 用戶點擊浮出層以外或召喚它的按鈕的時候
  • 在編輯狀態下用戶點擊「取消」或「完成」的時候

另外,千萬不要在浮出層上面展示任何的東西,除非是警告框。當然更加不要在浮出層上面再展示浮出層

iOS 圖標的樣式要求

每一個程序都應該有一個程序的圖標,為了適應不同的設備我們需要創建不同尺寸的圖標:

為 iPhone 和 iPod touch - 57×57 - 114×114(高分辨率) 為 iPad - 72×72

另外,由于當圖標顯示到用戶桌面時,iOS會自動為圖標添加高光、投影、圓角(可禁止)等效果,所以為確保我們的圖標與 iOS 提供的加強效果相配,我們制作的圖標應當:

  • 有 90 度角
  • 沒有高光效果
  • 不使用透明層

***,不管如何,設計規范是死的人是活的。這類文檔在我們產品設計的實際過程中應該是起到指導和參考的作用,而不是盲目的遵循從而被這些條條框框所框死。我們應該試著去理解其中每一個說明和條目背后的目的和意義,從而才能以此出發創造出更好的交貨和產品。

責任編輯:徐川 來源: 極客公園
相關推薦

2023-01-18 10:06:07

數字人自然語言生成

2011-03-02 08:35:19

人機交互界面iOS

2025-01-17 11:37:46

2021-04-18 13:50:10

人機交互人工智能

2012-05-08 10:36:20

LinuxUbuntu發行版

2020-12-08 09:12:22

人機交互智能

2022-06-27 15:06:03

元宇宙人工智能區塊鏈

2023-03-02 09:27:00

智能

2022-03-22 21:08:32

數據治理企業

2013-06-17 16:12:23

iOS 7人機交互UI設計基礎

2013-07-03 14:48:25

iOS 7人機交互iOS 7 UI設計Navigation

2013-07-03 15:29:45

iOS 7人機交互iOS 7 UI設計Interactivi

2013-07-03 17:08:14

iOS 7人機交互UI設計基礎整合iOS系統

2016-03-17 10:29:03

NoSQL數據整合系統集成

2009-10-27 13:34:56

Oracle密碼管理

2016-10-28 16:53:03

數據庫

2009-01-20 10:27:00

2023-05-05 11:27:26

2013-07-03 14:44:24

iOS 7人機交互iOS 7 UI設計Layout

2013-07-03 15:03:46

iOS 7人機交互iOS 7 UI設計Modal Conte
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 久久综合狠狠综合久久综合88 | 成人三区四区 | 国产最好的av国产大片 | 国产精品一区一区 | 四虎影| 成人精品国产一区二区4080 | 综合久久av | 国产精品视频免费看 | 国产精品自产拍 | 91超碰在线| 午夜精品久久久久久久久久久久久 | 免费中文字幕 | 成人性视频免费网站 | www.蜜桃av | 婷婷色成人 | 视频国产一区 | 一级免费看片 | 欧美a√ | 国产精品视频综合 | 日韩一二三区 | 日韩欧美在 | 精品国产乱码久久久久久丨区2区 | 国产乱码久久久久久 | 看羞羞视频免费 | 91一区二区三区在线观看 | 午夜精品一区二区三区在线观看 | 久久久久国产一区二区三区 | 中文在线视频观看 | 欧美一区二 | 一级国产精品一级国产精品片 | av一级久久| 中文字幕亚洲视频 | 欧美性猛交一区二区三区精品 | 久久久高清 | 免费观看羞羞视频网站 | 成人三级av | 国产精品免费一区二区三区四区 | 91麻豆精品国产91久久久更新资源速度超快 | 中文字幕一区二区三区日韩精品 | 国产精品99久久久久久动医院 | 丝袜 亚洲 欧美 日韩 综合 |