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

iOS 7人機交互指南之UI設計基礎

移動開發 iOS
不管你是重新設計現在的應用,還是開發一個新應用,請先考慮一下像Apple那樣重新設計內置應用的方式。盡管清新美觀的UI和流暢的動畫都是iOS 7體驗的亮點,但用戶內容始終是核心。

iOS7表現了以下幾個主題:

Deference:UI是用來幫助用戶理解app,與內容之間進行交互,但UI和內容之間并不沖突。

Clarity:各種尺寸的文字均非常易讀,icon精確清楚,裝飾物巧妙合適,以功能驅動設計。

Depth:視覺富有層次,通過視覺的層次感和動畫來展現生命力,讓用戶感到愉悅。

不管你是重新設計現在的應用,還是開發一個新應用,請先考慮一下像Apple那樣重新設計內置應用的方式。

iOS 7的天氣應用                                    iOS 6的天氣應用

首先,精簡UI以突出app的核心功能,然后重申UI和功能之間的相關性。然后,使用iOS7的主題來定義UI和進行用戶體驗設計。

自始至終都要時刻為挑戰慣例,質疑假定做準備,重點以內容和功能驅動每個設計。

尊重內容

盡管清新美觀的UI和流暢的動畫都是iOS 7體驗的亮點,但用戶內容始終是核心。下面幾個辦法可以確保你的設計可以改善功能,尊重用戶的內容。

利用整塊屏幕

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

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

半透明的UI元素可以展示背景后邊的內容,半透明的設計可以幫助用戶了解到更多的內容。

指示要清晰

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

大量使用留白

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

別走開,下頁內容更加給力

#p#

讓顏色簡化UI。

一個關鍵色,例如圖中Note中的黃色,強調了重要的狀態,同時巧妙的展示了交互性,同時還讓app有了一致的視覺主題。

用系統字體確保文本的易讀性。

iOS 7系統字體會自動調整文字的間距和行高,這樣文本會容易閱讀,用戶選擇的字體尺寸看上去也很棒。

使用無邊界線的按鈕

不再依靠邊框來表現可交互性,取而代之使用有藝術感的按鈕標題或者系統顏色來向用戶表示這些元素是可交互的。通訊錄的界面使用了系統的藍色來給用戶顯示交互信息。

使用深度層次來進行交流

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

用戶在使用Reminders中的內容時,其他內容會以層次的形式展示在屏幕。如果用戶需要看到所有的項目,用戶可以展開相關的圖層。

在用戶瀏覽年、月、日的時候,日歷通過增強的轉場效果給用戶一種深度感。這里是一個滾動的year view ,用戶可以清楚明了地看清當天的日期,或是進行其他日歷任務操作。

當用戶選擇了一個月份,year view 界面就會縮小遠離,而month view就會顯示出來。  

在用戶選擇日期的時候,month view也會出現上述轉場動畫。

 

責任編輯:閆佳明 來源: cocoachina
相關推薦

2013-07-03 14:44:24

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

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 13:34:57

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

2013-07-03 16:36:35

iOS 7人機交互UI設計Animation動畫

2013-07-03 15:03:46

iOS 7人機交互iOS 7 UI設計Modal Conte

2013-07-03 16:58:36

iOS 7人機交互UI設計Icons

2013-07-03 17:08:14

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

2013-07-03 14:26:19

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

2013-07-03 17:04:12

iOS 7人機交互UI設計基礎Branding品牌化

2013-07-03 15:39:58

iOS 7人機交互UI設計Terminology

2013-07-03 16:52:24

iOS 7人機交互UI設計基礎文字和色彩

2013-06-24 11:01:30

IT技術周刊

2021-08-17 10:54:57

AI 數據人工智能

2011-03-02 08:35:19

人機交互界面iOS

2015-11-04 09:54:34

ios9人機界面ui

2021-08-17 09:54:05

人機交互交互模型國際主流

2010-04-20 09:08:36

2021-04-18 13:50:10

人機交互人工智能

2020-12-08 09:12:22

人機交互智能
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 亚洲欧美一区二区在线观看 | 日韩乱码在线 | 国产综合一区二区 | 96av麻豆蜜桃一区二区 | 国产成人精品一区二区三区网站观看 | 久久综合影院 | 青娱乐av| 欧美综合在线观看 | 视频一区二区三区中文字幕 | 中文字幕 在线观看 | 中文字幕一区二区三区在线观看 | 视频精品一区 | 蜜臀91视频 | 精品视频 免费 | 日本在线一区二区 | 99热国产在线播放 | 欧美日韩在线国产 | 玖玖爱365 | 亚洲一区二区免费视频 | 亚洲成人一二区 | www.亚洲视频.com | 国产精品精品视频一区二区三区 | 欧美一页| 婷婷二区| 岛国毛片在线观看 | 麻豆a级片 | 日韩av在线一区 | 国产偷录视频叫床高潮对白 | 91麻豆精品国产91久久久更新资源速度超快 | 欧美精品三区 | 亚洲精品自在在线观看 | 97精品视频在线观看 | 亚洲欧美在线一区 | 国产精品久久国产精品99 gif | 日本在线观看视频 | 黑人巨大精品欧美一区二区一视频 | 亚洲一区二区三区四区av | 亚洲97| 亚洲精品一区二区三区丝袜 | 亚洲欧美激情精品一区二区 | 亚洲高清成人在线 |