国产精品电影_久久视频免费_欧美日韩国产激情_成年人视频免费在线播放_日本久久亚洲电影_久久都是精品_66av99_九色精品美女在线_蜜臀a∨国产成人精品_冲田杏梨av在线_欧美精品在线一区二区三区_麻豆mv在线看

濃縮才是精華:《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

人機交互人工智能

2020-12-08 09:12:22

人機交互智能

2012-05-08 10:36:20

LinuxUbuntu發行版

2022-06-27 15:06:03

元宇宙人工智能區塊鏈

2023-03-02 09:27:00

智能

2013-07-03 15:29:45

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

2013-07-03 14:48:25

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

2013-06-17 16:12:23

iOS 7人機交互UI設計基礎

2022-03-22 21:08:32

數據治理企業

2013-07-03 17:08:14

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

2013-07-03 16:58:36

iOS 7人機交互UI設計Icons

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

2013-07-03 13:34:57

iOS 7人機交互iOS 7 UI設計App Anatomy

2023-05-05 11:27:26

2009-01-20 10:27:00

2016-10-28 16:53:03

數據庫
點贊
收藏

51CTO技術棧公眾號

在线免费av网站| 欧美黄色网页| 成人免费视频视频在线观看免费| 日韩色av导航| 日本黄在线观看| 成人av网站免费观看| 国产精品sss| 日韩国产大片| 7777精品伊人久久久大香线蕉经典版下载 | 91精品综合久久久久久五月天| 青青青国内视频在线观看软件| 中文字幕精品综合| 黄色一级大片免费| 一区二区三区国产在线| 国产精品美女免费看| 91麻豆精品国产91久久久更新资源速度超快 | 成人在线观看黄色| 亚洲色图丝袜美腿| 九九久久九九久久| 亚洲免费网站| 欧美a一级片| 久久精品一区二区三区不卡牛牛| 视频一区三区| 日韩图片一区| 国产精品久久久久久免费观看 | 337p日本欧洲亚洲大胆鲁鲁| 一区二区三区免费观看| 99re6在线视频| 久久综合狠狠综合久久激情| 看一级黄色录像| 蜜臀久久99精品久久久画质超高清| 3d动漫精品啪啪一区二区三区免费| 台湾亚洲精品一区二区tv| 中文字幕亚洲一区| 国产一区二区黄色| 欧美久久久久久一卡四| 久久久久久久久久久久久久久久久久 | 成人黄色小视频| 久久久久久一区二区三区 | 精品视频色一区| 性视频一区二区三区| 精品久久久久久国产| 久草在线新资源| 欧美日韩国内自拍| 国产精品一级伦理| 欧美高清激情brazzers| 国产在线观看免费麻豆| 欧美日韩亚洲不卡| av观看在线| 91精品国产入口在线| 欧美丰满少妇xxxxx| 91香蕉电影院| 婷婷亚洲最大| 国产成人精品日本亚洲11| 亚洲国产日韩欧美一区二区三区| 国产精品二区二区三区| 久久字幕精品一区| 在线观看三级网站| 99精品国产91久久久久久| 欧美激情国产精品日韩| 亚洲欧美一区二区视频| 91短视频在线| 在线观看91视频| 性xxxfreexxxx性欧美| 国产一区二区三区18| av在线亚洲一区| 2023亚洲男人天堂| 99久久精品国产亚洲精品| 亚洲在线视频观看| 夜夜添无码一区二区三区| 国产羞羞视频在线观看| 欧美日韩国内自拍| 日韩专区av| 欧美成人精品在线| 国产极品模特精品一二| 国产一区在线播放| 日韩成人一级片| 青青草av网站| 91久久一区二区| 午夜欧美巨大性欧美巨大| 日本中文字幕成人| 亚洲激情网站| 一本大道熟女人妻中文字幕在线| 性久久久久久久| 一二三四视频在线中文| 97久久精品人人澡人人爽缅北| 欧美成人午夜| 久久久久免费看黄a片app| 亚洲一区影音先锋| 国产盗摄一区二区| 国产91ⅴ在线精品免费观看| 亚洲精品日本| 国产成人精品视频ⅴa片软件竹菊| 色综合天天综合狠狠| 欧美日韩国产网站| 高清一区二区三区视频| 粉嫩嫩av羞羞动漫久久久 | 久久国产日本精品| 国产真人做爰毛片视频直播 | 久久免费精品视频| 国产在线黄色片| 高清欧美性猛交xxxx黑人猛交| 91免费版在线看| 日日夜夜免费精品| 精品一区欧美| 在线日本视频| 米奇精品一区二区三区在线观看| 狠狠色丁香婷婷综合影院| 99精品99久久久久久宅男| 国内精品第一页| 九九热视频在线观看| 日韩欧美极品在线观看| 亚洲成av人片在线观看www| 91沈先生作品| 亚洲激情成人在线| 大片免费在线看视频| 国产女精品视频网站免费| 一区二区三区成人精品| 绿色成人影院| 国产福利电影在线播放| 中文字幕一区免费| 丁香花在线影院观看在线播放| 日韩免费高清视频| 久久66热偷产精品| 在线观看涩涩| 免费在线观看亚洲视频| 日韩三级电影网站| 午夜美女久久久久爽久久| 日韩午夜一区| 又黄又爽无遮挡| 亚洲丝袜一区在线| 99国内精品| 天堂av在线资源| 麻豆成人在线看| 久久99久久精品| 国产露出视频在线观看| 欧美综合在线第二页| aaa欧美日韩| 久久99亚洲网美利坚合众国| 国产欧美中文字幕| 中文字幕日韩av资源站| 欧美黄色成人| 综合视频在线观看| 欧美亚洲一区二区在线观看| 欧美偷拍综合| 亚洲jjzzjjzz在线观看| 美女久久久久久久久久久| 国产一区二区在线电影| 亚洲图区一区| 日本精品一区二区三区高清 久久| 在线观看国产一区二区| 99热国内精品| 天堂av网在线| 7777精品伊久久久大香线蕉语言 | 亚洲美女色播| 亚洲一区二区三区午夜| 欧美高清性hdvideosex| 一区二区影视| 欧美91精品久久久久国产性生爱| 欧美福利电影网| 韩国美女主播一区| 黄色片久久久久| 视频三区在线| 日韩高清一级| 精品一区二区免费看| 国产精品综合| 四虎影视精品| 黄网av在线| 欧美xxxx视频| 亚洲色图欧美在线| 黄色av免费在线播放| 久久一区二区视频| 欧美日韩三级| 亚洲精品a级片| 91精品短视频| 成人国产一区| 国产成人亚洲一区二区三区| 五月天电影免费在线观看一区| 中文字幕の友人北条麻妃| 色噜噜狠狠一区二区三区| 成人黄色在线观看| 日本精品一区二区三区在线| 欧美一级片在线播放| 国产做受69高潮| 91影视免费在线观看| 国产成人+综合亚洲+天堂| 亚洲精品在线电影| 欧美在线观看视频一区二区| 欧美精品一卡二卡| 精品国产91洋老外米糕| 亚洲性无码av在线| 伊人av综合网| 51色欧美片视频在线观看| 精品自拍视频在线观看| 日韩在线激情视频| 成人免费看吃奶视频网站| 国产毛片av在线| 久久精品国产亚洲aⅴ| 精久久久久久久久久久| 91精品91久久久中77777|