成人午夜激情影院,小视频免费在线观看,国产精品夜夜嗨,欧美日韩精品一区二区在线播放

iOS7人機(jī)交互指南之UI設(shè)計(jì)基礎(chǔ)

2013-09-23 11:25:38來源:cocoachina作者:

本文是翻譯自蘋果最新《iOS人機(jī)交互指南》,不管你是重新設(shè)計(jì)現(xiàn)在的應(yīng)用,還是開發(fā)一個(gè)新應(yīng)用,請先考慮一下像Apple那樣重新設(shè)計(jì)內(nèi)置應(yīng)用的方式。

本文是翻譯自蘋果最新《iOS人機(jī)交互指南》,不管你是重新設(shè)計(jì)現(xiàn)在的應(yīng)用,還是開發(fā)一個(gè)新應(yīng)用,請先考慮一下像Apple那樣重新設(shè)計(jì)內(nèi)置應(yīng)用的方式。

iOS7表現(xiàn)了以下幾個(gè)主題:

  • Deference:UI是用來幫助用戶理解app,與內(nèi)容之間進(jìn)行交互,但UI和內(nèi)容之間并不沖突。
  • Clarity:各種尺寸的文字均非常易讀,icon精確清楚,裝飾物巧妙合適,以功能驅(qū)動設(shè)計(jì)。
  • Depth:視覺富有層次,通過視覺的層次感和動畫來展現(xiàn)生命力,讓用戶感到愉悅。

不管你是重新設(shè)計(jì)現(xiàn)在的應(yīng)用,還是開發(fā)一個(gè)新應(yīng)用,請先考慮一下像Apple那樣重新設(shè)計(jì)內(nèi)置應(yīng)用的方式。

iOS 7的天氣應(yīng)用 iOS 6的天氣應(yīng)用

\

首先,精簡UI以突出app的核心功能,然后重申UI和功能之間的相關(guān)性。然后,使用iOS7的主題來定義UI和進(jìn)行用戶體驗(yàn)設(shè)計(jì)。

自始至終都要時(shí)刻為挑戰(zhàn)慣例,質(zhì)疑假定做準(zhǔn)備,重點(diǎn)以內(nèi)容和功能驅(qū)動每個(gè)設(shè)計(jì)。

尊重內(nèi)容

盡管清新美觀的UI和流暢的動畫都是iOS 7體驗(yàn)的亮點(diǎn),但用戶內(nèi)容始終是核心。下面幾個(gè)辦法可以確保你的設(shè)計(jì)可以改善功能,尊重用戶的內(nèi)容。

利用整塊屏幕

重新考慮使用insets 和可視的框架。同時(shí),我們可以考慮讓內(nèi)容延伸至屏幕的邊緣。系統(tǒng)天氣應(yīng)用是這個(gè)方法的絕佳范例:用漂亮的全屏展示現(xiàn)在的天氣,直觀地向用戶傳遞了最重要的信息。同時(shí)也有空間展示每小時(shí)的天氣數(shù)據(jù)。

\

重新考慮物理和現(xiàn)實(shí)的視覺指示。比如邊框、漸變以及陰影有時(shí)會加重UI的視覺效果,從而讓外在形式掩蓋了內(nèi)容。相反,我們需要關(guān)注內(nèi)容,讓UI作為輔助角色出現(xiàn)。

\

半透明的UI元素可以展示背景后邊的內(nèi)容,半透明的設(shè)計(jì)可以幫助用戶了解到更多的內(nèi)容。

\

指示要清晰

明晰的展示是確保內(nèi)容至上的另一方法。以下是一些可以讓最重要的內(nèi)容和功能清晰可見、易于交互的方法。

大量使用留白

白色區(qū)域可以讓重要的內(nèi)容和功能更明顯。同時(shí)空白可以向用戶傳遞寧靜和安寧的感覺,讓app顯得更專注,更有效率。

\


 

讓顏色簡化UI。

一個(gè)關(guān)鍵色,例如圖中Note中的黃色,強(qiáng)調(diào)了重要的狀態(tài),同時(shí)巧妙的展示了交互性,同時(shí)還讓app有了一致的視覺主題。

\

用系統(tǒng)字體確保文本的易讀性。iOS 7系統(tǒng)字體會自動調(diào)整文字的間距和行高,這樣文本會容易閱讀,用戶選擇的字體尺寸看上去也很棒。

\

使用無邊界線的按鈕

不再依靠邊框來表現(xiàn)可交互性,取而代之使用有藝術(shù)感的按鈕標(biāo)題或者系統(tǒng)顏色來向用戶表示這些元素是可交互的。通訊錄的界面使用了系統(tǒng)的藍(lán)色來給用戶顯示交互信息。

\

使用深度層次來進(jìn)行交流

iOS 7使用清晰,可以傳遞層次和位置的分層來展示內(nèi)容,這樣可以幫助用戶理解屏幕上物體之間的關(guān)系。使用一個(gè)半透明的背景,看上去像是漂浮在Home屏上,這樣文件夾就能清楚地把內(nèi)容和屏幕上的其他內(nèi)容分隔開來。

\

用戶在使用Reminders中的內(nèi)容時(shí),其他內(nèi)容會以層次的形式展示在屏幕。如果用戶需要看到所有的項(xiàng)目,用戶可以展開相關(guān)的圖層。

\

在用戶瀏覽年、月、日的時(shí)候,日歷通過增強(qiáng)的轉(zhuǎn)場效果給用戶一種深度感。這里是一個(gè)滾動的year view ,用戶可以清楚明了地看清當(dāng)天的日期,或是進(jìn)行其他日歷任務(wù)操作。

\

當(dāng)用戶選擇了一個(gè)月份,year view 界面就會縮小遠(yuǎn)離,而month view就會顯示出來。

\

在用戶選擇日期的時(shí)候,month view也會出現(xiàn)上述轉(zhuǎn)場動畫。

\

關(guān)鍵詞:iOS7UI人機(jī)交互

贊助商鏈接:

主站蜘蛛池模板: 互助| 三明市| 高陵县| 阿合奇县| 长治市| 南通市| 交口县| 乐山市| 枞阳县| 邻水| 资中县| 岳普湖县| 枣庄市| 读书| 泰和县| 贵南县| 西乌珠穆沁旗| 茶陵县| 贵定县| 六盘水市| 五华县| 甘孜县| 广元市| 汕头市| 蛟河市| 松阳县| 新疆| 靖江市| 马鞍山市| 东莞市| 宁武县| 肇源县| 郁南县| 石渠县| 阿尔山市| 民勤县| 河东区| 兰坪| 凤台县| 西青区| 酉阳|