亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看

干貨速遞!APPLE WATCH人機交互指南之UI設計基礎(1)

2014-11-20    周周

applewatch-hig-1

千呼萬喚始出來!隨著Apple Watch開賣的日子臨近,我們終于等來了Apple Watch的官方文檔(HIG)!發布會的時候,許多用戶都對水果神教的智能手表的設計表示懷疑,為什么要這么設計?答案就隱藏在官方的這份設計指南當中。

1、為Apple Watch設計

重要提示:這是一份針對API或技術的初步文檔。蘋果公司所提供的這些信息,可以幫您規劃文中所述的蘋果公司的技術和編程接口。這些信息可能隨時會被修改,根據這份文檔所設計的軟件和界面應通過最終版本的操作系統和軟件的測試。版本的文檔可能會提供更多測試版的API和技術。

Apple Watch 的設計專注于以下三個方面:

?個人。由于Apple Watch被設計為可穿戴設備,所以它的UI設計應該適應出穿戴者的存在。當用戶抬起手腕的時候,(Apple Watch)應顯示時間和提醒。數字觸摸功能——尤其是心率和草圖功能——提供了更為個人的全新溝通方式。內置的加速度傳感器和心率傳感器為每個用戶提供了個性化的活動信息。從未有任何蘋果設備能夠像Apple Watch這樣同佩戴者連接在一起。當你在為Apple Watch設計APP的時候,在腦中時刻保有這種意識是非常重要的。

?整體。Apple Watch 旨在模糊物理設備和軟件之間的便捷。Apple Watch的側面旋鈕,也就是Digital Crown,是一個微小的硬件控制機構,能對軟件進行細致入微的導航操控。內置的Taptic引擎能夠針對提醒和屏幕交互產生精細的物理反饋。使用硬件控制物理手勢的Force Touch技術則使得Apple Watch 的軟件控制上升到一個新的層面。Apple Watch所使用的Retina屏幕也使得UI設計的物理邊界不再存在。體貼的APP設計使得硬件和軟件的體驗難以辨別。

?輕量級。Apple Watch上的APP應當具備有快速輕便的交互,能最大限度地發揮出手腕上這塊屏幕的優勢。信息的訪問、操作應該快速而便捷,確保私密性和可用性。Short Look 旨在為用戶提供最小化的提醒,用戶需要點擊操作才能查看更多信息。而 Glances 則為用戶提供了來自APP的易于訪問,可滑動操作的界面。為Apple Watch所設計的APP應該遵循佩戴者的使用狀況:簡明、快速以及小屏幕顯示。

Apple Watch上的APP應該是iOS APP的補充,而非替代者。假使你在iOS設備上進行一個操作需要幾分鐘的時間,那么你在Apple Watch上僅需幾秒就可以完成。因此,交互必須簡短,界面必須簡單。

2、APP 剖析

界面風格

Apple Watch的APP支持兩種導航模式:

?分層模式(Hierarchical)。這種風格同iOS的導航模式一致,最適合與信息有層次的APP。在分層模式APP中,用戶通過在每一屏上做出選擇,逐層導航瀏覽找到他們要找的目標。當用戶要找另外一個目標的時候,需要回溯部分頁面,或者回溯全部,然后重新選擇。對于相對復雜的APP交互而言,這種分層模式比起扁平的、用頁碼標識的頁面模式來的更好。

?頁面模式(Page-based)。通過頁碼標識的頁面模式界面,用戶只需要在頁面間滑動來實現導航。頁面模式適合包含簡單數據模型的APP,每個頁面的數據并不直接與其他頁面上的數據關聯。每個頁面底部的圓點會指示出用戶的位置。盡量減少頁面數,這樣可以簡化導航。

你不能將分層模式和頁面模式同時用到你的界面設計中。在設計的時候,你需要選擇適合這個APP的模式,并且針對這種模式來設計。

不管使用哪種界面風格,內容的呈現都是模式化的。模式化的界面使得用戶可以無干擾地完成任務或者獲取信息,但是這種方式會暫時阻止用戶同APP的其他部分進行交互,更多信息請參考ModalSheets。

用戶交互

?基于動作的事件(Action-based events)。單點手勢是Apple Watch中用戶與APP進行交互的主要方式。表格、按鈕、開關以及其他的控件都需要通過點擊來操作。這些點擊隨后會以代碼的形式反饋到WatchKit拓展中。

?手勢(Gestures)。你不能為你的APP添加手勢識別,相反,系統會為你處理所有的手勢,并且使用手勢來執行標準操作:

?在豎直方向上滑動以滾動屏幕。
?在頁面模式下,水平滑動以切換到上一頁或者下一頁。
?在左邊緣滑動導向父界面控制器
?點擊操作,表示選擇或者交互。系統會處理點擊操作,并反饋到WatchKit拓展中。

Apple Watch不支持多指手勢操作,比如雙指縮放(pinch)。

?按壓觸摸(Force Touch)。小尺寸屏幕屏幕上能容納的控件非常有限,這就是為什么會在Apple Watch中引入按壓觸摸(Force Touch)這種全新的交互模式。正如屏幕能感應到觸摸一樣,Apple Watch的視網膜屏幕還能感知到壓力。當按壓屏幕的操作出現的時候,屏幕上會顯示與當前屏幕相關的菜單,APP可以通過這個菜單來展示與當前內容相關的操作。

?Digital Crown,也就是側面旋鈕。Digital Crown是在不影響屏幕顯示的前提下,為更細微的操作和加速滾動而設計的。它可以更為簡單地滾動長頁面。

3、Glances

在Apple Watch上,Glance可以讓你快速預覽一個APP中最核心的內容。理想狀態下,Glance是即時的,且與環境信息相關。當你集中查看的時候,Glance是你最愛的APP的有意義時刻的合集。不同于系統主動推送的提醒,Glance更像是你主動獲取的信息,所以,通常是佩戴者來決定是否訪問它們。

Glance的特性:

?基于模板的(Template-based)。Glance擁有針對屏幕上半部分和下半部分的單獨模板。你可以使用Xcode來選擇你需要的模板,并且根據規格設計你要的內容。

?不可滾動的(Not scrollable)。這意味著所有的內容都需要位于屏幕中。

?只讀的(Read-only)。在Glance狀態下,點擊屏幕任何地方都可以打開對應的APP。

?可選的(Optional)。并非所有APP都需要Glance,并且用戶可以選擇需要展示哪個Glance。

Glance的底部區域預留給頁面指示圓點。

基于用戶當前環境配置Glance。過時或者不相干的信息會降低Glance的有效性,盡量借助時間和地點信息來反映當前與用戶相關的內容。

Glance可以深度鏈接到相關的APP。Glance可以利用Handoff來通知APP,當用戶點擊Glance的時候會顯示的內容。然后APP可使用該通知信息來展示一個不同的界面,或者相應地配置現有的界面。

Glance需要為用戶提供有用的信息。不要為用戶提供一個僅僅引導用戶打開某個APP的Glance界面。

4、通知(Notifications)

Apple Watch上的通知是一種快速而輕量級的交互,它主要體現為兩種形式:Short Look和Long Look。當本地或者遠程的通知需要呈現給用戶的時候,Short Look會出現。Short Look 提供的信息相對較少也更為審慎——或者說更為私密。當佩戴者放下手腕的時候,Short Look的通知信息會自動消失。當佩戴者長時間抬高手腕查看通知的時候,或者點擊Short Look信息的時候,通知會轉為Long Look。在Long Look狀態下,通知會呈現出更多的信息,提供更多的功能,這個時候需要佩戴者手動關閉或者操作。

所以,請謹慎地控制向用戶推送通知的頻率。如果通知頻率過高的話,用戶會覺得煩躁并且禁用你APP的推送。請務必確保推送的通知是用戶想要的內容。

Short Look 通知

Short Look 通知會讓用戶知道是什么APP推送的通知,并且內容會非常簡短。Short Look的界面是基于模板的,并且包含了相應APP的名稱、圖標以及所附通知的標題內容。系統所展示的APP的名稱,會使用APP的關鍵色。

請保持標題簡短而重點突出。由于展示文字內容的空間非常有限,所以內容請務必簡短精悍,不要塞入通知的過多細節,包含簡短的提示就好了。

自定義 Long Look 通知

Long Look 通知將會為用戶帶來更多細節。系統為默認的Long Look 通知提供了一個默認的外觀,但是APP也可以自定義其中的圖形和品牌。所有的Long Look 通知都擁有相同的結構。界面的頂部的空間可以疊加APP的圖標和名稱,最底部是系統默認的取消按鈕,在兩者之間的空間是可以自定義的內容。

APP的內容可以與頂部的空間交疊,也可以置于其下方。對于以文字為主的通知,可以在Xcode中使用直接通知內容的選項,讓內容直接在頂部欄下展示出來。

對于自定義Long Look界面,APP必須提供一個靜態的界面,并且可以選擇性地提供一個動態的界面。動態界面比靜態界面擁有更大的配置空間,但是兩者其中能夠顯示的圖片和品牌內容是一樣多。靜態界面提供了一個備用位置,以防止動態界面無法正常顯示。

Long Look通知下,最多可以容納4個自定義的按鈕。Apple Watch中Long Look通知所展示的可操作的按鈕,主要受到對應的iOS APP的影響。所顯示的按鈕會自動調用APP的通知欄按鈕。

取消按鈕是始終存在的,并且不算在4個按鈕當中。

關于靜態和動態界面的具體信息以及按鈕操作和配置信息,請參閱WatchKit編程指南。

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看
<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 亚洲成色最大综合在线| 一区二区三区在线高清| 久久精品视频在线播放| 亚洲欧美精品在线| 91久久精品国产91性色| 精品9999| 亚洲激情不卡| 亚洲片在线资源| 日韩亚洲一区二区| 一区二区三区欧美在线| 一区二区动漫| 亚洲一区二区精品| 亚洲欧美日韩综合国产aⅴ| 亚洲视频日本| 国产精品卡一卡二| 欧美日韩一卡二卡| 国产精品入口| 香蕉久久夜色精品国产| 尤物九九久久国产精品的分类| 久久综合999| 久久精品一本久久99精品| 久久久午夜视频| 欧美激情二区三区| 欧美日韩一区二区三区在线| 欧美三级黄美女| 卡一卡二国产精品| 农村妇女精品| 国产精品久久一级| 1000部国产精品成人观看| 99国产成+人+综合+亚洲欧美| 亚洲综合成人婷婷小说| 国产一区二区三区在线观看视频| 玉米视频成人免费看| 亚洲午夜小视频| 美女国产精品| 久久成人免费视频| 一区二区三区色| 午夜精品www| 欧美日韩国产在线看| 国产日韩亚洲欧美精品| 亚洲美女中文字幕| 久久疯狂做爰流白浆xx| 亚洲视频欧美在线| 欧美成人dvd在线视频| 国产午夜精品久久久久久免费视 | 久久久久亚洲综合| 亚洲天堂久久| 国产无遮挡一区二区三区毛片日本| 国产精品福利在线| 国产精品99久久久久久久vr| 亚洲自啪免费| 久久免费偷拍视频| 欧美连裤袜在线视频| 国产精品久久久99| 一色屋精品视频免费看| 国产精品初高中精品久久| 欧美18av| 国产精品成av人在线视午夜片| 国产精品永久在线| 亚洲高清资源综合久久精品| 在线亚洲精品| 久久久久久伊人| 欧美日韩国产一区二区三区地区| 国产区日韩欧美| 欧美日本亚洲| 蜜臀久久久99精品久久久久久| 亚洲欧美成aⅴ人在线观看| 久久精品国产免费看久久精品| 欧美成人蜜桃| 国产日韩亚洲| 一区二区久久| 久久综合九色综合欧美就去吻| 国产精品va在线| 香蕉久久国产| 国产精品国内视频| 国产综合第一页| 亚洲一区国产精品| 麻豆国产精品777777在线| 国产伦精品一区二区三区照片91| 亚洲日本精品国产第一区| 久久精品免费看| 国产精品免费aⅴ片在线观看| 亚洲区中文字幕| 亚洲一区三区在线观看| 一区二区三区国产| 91久久精品国产91久久性色tv| 亚洲免费伊人电影在线观看av| 欧美1区3d| 国内精品伊人久久久久av影院| 亚洲一级电影| 欧美精品电影| 一区在线免费观看| 国产精品美女午夜av| 国产一区二区日韩| 亚洲美女性视频| 美女主播一区| 激情欧美一区| 欧美中文在线观看| 国产精品久久久久久久久动漫| 亚洲精品久久视频| 美女网站久久| 一区二区在线观看视频| 欧美日韩亚洲国产一区| 亚洲三级影院| 久久综合一区二区| 黄色日韩网站视频| 欧美一区二区三区在线观看视频| 欧美视频四区| 99热这里只有精品8| 欧美激情精品久久久久久免费印度| 亚洲大片av| 久热精品视频在线观看一区| 亚洲午夜羞羞片| 国产精品成人一区| 亚洲激情电影在线| 欧美电影免费观看大全| 亚洲激情专区| 欧美激情1区| 亚洲美女中出| 欧美日韩国产三级| 在线亚洲欧美专区二区| 欧美性开放视频| 欧美片第一页| 欧美精品1区2区| 日韩亚洲视频在线| 欧美日韩精品三区| 在线视频一区二区| 国产精品萝li| 亚欧成人在线| 国产曰批免费观看久久久| 久久精品国产99精品国产亚洲性色| 国产亚洲欧美中文| 久久一区国产| 亚洲国产天堂久久综合网| 99国产精品国产精品毛片| 欧美日韩日日骚| 亚洲一区二区三区精品在线 | 久久久久免费视频| 在线观看精品| 免费在线欧美黄色| 亚洲三级色网| 欧美视频在线观看视频极品| 欧美日韩在线第一页| 一区二区成人精品| 欧美日本国产精品| 亚洲影视九九影院在线观看| 国产欧美一区二区三区久久| 久久裸体视频| 99在线精品视频| 国产精品一区二区三区久久久| 久久精品成人一区二区三区蜜臀| 在线精品一区| 欧美日韩亚洲一区二区三区四区| 亚洲欧美综合精品久久成人| 亚洲一区二区三区涩| 国产欧美精品一区二区三区介绍| 久久久精品午夜少妇| 亚洲经典一区| 国产精品狼人久久影院观看方式| 久久精品99国产精品日本| 亚洲国产欧美在线人成| 欧美午夜激情在线| 久久国产直播| 亚洲人成网站777色婷婷| 午夜精品福利电影| 国产精品综合| 免费视频一区| 亚洲午夜一级| 经典三级久久| 欧美体内谢she精2性欧美| 久久精品成人一区二区三区蜜臀| 亚洲欧洲一区二区三区| 国产精品毛片a∨一区二区三区| 久久久久青草大香线综合精品| 日韩一级片网址| 久久电影一区| 国产精品五月天| 牛牛精品成人免费视频| 亚洲一级免费视频| 在线视频国内自拍亚洲视频| 国产精品v欧美精品∨日韩| 久久亚洲国产精品一区二区| 一区二区三区高清视频在线观看| 国产综合色产在线精品| 欧美日韩国产综合视频在线观看中文| 欧美在线观看视频在线| 一区二区三区视频在线观看| 日韩图片一区| 国产丝袜美腿一区二区三区| 欧美区在线播放| 久久久亚洲国产美女国产盗摄| 99精品视频一区| 在线欧美三区| 国产毛片一区二区| 欧美日韩不卡合集视频| 久久久久se| 亚洲欧洲99久久| 国产精品白丝jk黑袜喷水| 亚洲一品av免费观看| 国产日韩欧美精品一区|