做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

Apple Watch設(shè)計入門

2015-4-9    用心設(shè)計

藍(lán)藍(lán)設(shè)計91whvog3.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

每一個扁平化界面設(shè)計,都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計

來源:莫貝網(wǎng)

 如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

這個月晚些時候,眾望所歸的Apple Watch會帶來成千上萬的手表應(yīng)用,沖擊應(yīng)用市場,吸引你的注意。由于屏幕尺寸更小,又始終戴在手腕上,交互方式也有所不同。要在Apple Watch上創(chuàng)造一個美觀、舒適的體驗,需要新的設(shè)計方式。本文將帶你入門。

本文中,你將學(xué)習(xí)如何通過一些基礎(chǔ)理論和準(zhǔn)則,為Apple Watch設(shè)計應(yīng)用,借此初探可穿戴設(shè)備設(shè)計。

應(yīng)用結(jié)構(gòu)

Apple Watch應(yīng)用有3部分:WatchKit AppGlance界面和通知。每種都有不同的目的,面臨不同的設(shè)計挑戰(zhàn)。

WatchKit App

Design for Apple Watch

WatchKit App是查看應(yīng)用數(shù)據(jù)或與之交互的主要手段。它通常從手表主屏進(jìn)入,但也可以從Glance或通知進(jìn)入。

很重要的一點,要知道WatchKit App*只有兩種類型的導(dǎo)航——層級式頁面式*。雖然iOS應(yīng)用可以編寫出自定義導(dǎo)航,但WatchKit App限制很嚴(yán)格,目前并不支持。

Hierarchical

層級式非常適合相對復(fù)雜的應(yīng)用,類似很多現(xiàn)存iPhone應(yīng)用,用戶在其中需要進(jìn)行一系列的選擇,然后到達(dá)結(jié)束界面。牢記Apple預(yù)期用戶在10秒內(nèi)突擊使用手表,所以別在手表上照搬現(xiàn)成應(yīng)用,應(yīng)該將它升華。

Page based

頁面式通過橫向滑動,讓用戶在多個頁面間穿梭。如果各頁數(shù)據(jù)并不依賴其他頁面,這種導(dǎo)航方式更佳。

開始設(shè)計時,想清楚什么數(shù)據(jù)對用戶最重要,相互關(guān)系如何,然后選擇最適于體現(xiàn)數(shù)據(jù)的導(dǎo)航結(jié)構(gòu)。

Glance

Glance

Glance是一系列可瀏覽的內(nèi)容,基于時間或環(huán)境,穿戴者從最喜歡的應(yīng)用中挑選而出。在Apple Watch上上滑可以觸發(fā)Glance,然后可以水平滑動。Glance不是必須的,所以并非所有應(yīng)用都具有,或者需要。

Glance被限制在無法滾動的一屏中,所以你得把最有用、最重要的信息展現(xiàn)在屏幕上,可以通過顏色、不同字號和圖片來在視覺上區(qū)別你的Glance。在Glance上點擊任何地方,會打開手表應(yīng)用。所以要避免在其中包含按鈕、滑塊和菜單這樣的操作項。

Glance templates

最后,Glance基于一些模版。所以你的設(shè)計要選擇一種最能體現(xiàn)數(shù)據(jù)意義的形式。Apple提供了一系列模版,適用于上半屏和下半屏。

通知

Notifications

Apple Watch應(yīng)用有兩種通知狀態(tài),分別叫做short-look和long-look界面。用戶首次收到通知時,short-look通知會出現(xiàn),持續(xù)較短一段時間。用戶可以降低手腕忽略通知,也可以抬起手腕或點擊short-look通知,進(jìn)入long-look查看詳細(xì)信息和功能。

由于手表始終戴在手腕上,你得對通知有所限制,只推送最有用的信息。如果你持續(xù)被不重要的消息打斷,那是很令人厭煩的。最好的通知會使用用戶的環(huán)境信息——比如位置、時間或活動——來提供實時、相關(guān)的信息。

Short look

short-look界面包含應(yīng)用圖標(biāo)、應(yīng)用名稱和通知的標(biāo)題。由于標(biāo)題是你唯一能控制的東西,它需要為通知的內(nèi)容提供簡短的提示。

Long look

所有應(yīng)用的long-look界面結(jié)構(gòu)都是一樣的。頂部顯示應(yīng)用圖標(biāo)和名稱(也可以自定義這一條的顏色),底部是忽略按鈕。中間是定制內(nèi)容,至多4個自定義操作按鈕。

交互方式

除了手機上那些我們熟悉的日常手勢——點擊和滑動,Apple Watch提供了兩種新的交互方式:

滾輪

Digital crown

應(yīng)用可以通過滾輪來滾動,不會像手指滑動那樣擋住屏幕。滾輪尤其適用于長頁面的滾動。

按壓

Force touch

Apple Watch的屏幕可以區(qū)分點擊和按壓。就像鼠標(biāo)的右鍵單擊一樣,按下可以顯示當(dāng)前界面的菜單,其中包含至多4項相關(guān)內(nèi)容。
雙指縮放這樣的多點觸控手勢在手表上是沒有的。

布局

Layout

Apple Watch有兩種尺寸——33mm和43mm。小屏幕尺寸是340×272像素,大屏幕是390×312像素。手表的一大特點是retina屏,就像iPhone那樣,你要提供兩倍分辨率大小的圖片。

你不必提供不同尺寸的圖片(雖然可以這么做),也不必設(shè)計兩套不同的布局。因為Apple使用相對尺寸和距離,圖片和組件會縮放充滿可用空間。

Full width

設(shè)計應(yīng)用時,Apple建議用黑色背景來配合外框。相比淺色,深色與亮色的搭配更好。由于外框提供了額外的邊距,占滿可用空間、按滿屏寬度設(shè)計非常重要。

至于按鈕,Apple也建議滿屏寬。不過,如果你有并列按鈕,應(yīng)該用圖標(biāo)代替文字。一行中不建議包含3個及以上按鈕,因為屏幕太小。同一屏中的按鈕應(yīng)該高度相同,以保持視覺一致性。

顏色

由于是在深色背景上設(shè)計,你得在應(yīng)用中使用明亮、高對比度的顏色。顏色也可以作為你應(yīng)用品牌的一部分。

Key color

每個應(yīng)用可以定義一個“主色”,它會顯示在狀態(tài)欄的標(biāo)題和通知的應(yīng)用名稱上。還可以自定義long-look通知的頂欄顏色。

動畫

Zoom

美觀、細(xì)致的動畫可以提升用戶體驗,使應(yīng)用更迷人、更具誘惑力,令人過目不忘。設(shè)計手表上的動畫時,要確保它足夠迅速,而且確有其目的。如果動畫阻滯了用戶獲取他們所需的信息,則會損害用戶體驗。

在Apple Watch上創(chuàng)作動畫時,你可不能給工程師一張GIF圖,然后讓他動態(tài)實現(xiàn)。你得提供每一幀的獨立靜態(tài)圖片,來制作更快速和流暢的動畫集成。最佳方式是將你的動畫文件導(dǎo)入After Effects或Photoshop,提取出獨立的每一幀。

Context menu

Context menu

Context menu至多顯示4個操作項,它表現(xiàn)為一個帶有標(biāo)簽的圓形圖片。點擊某個操作項或屏幕上的任意位置,菜單收起。設(shè)計Context menu時無需考慮顏色。就像iOS應(yīng)用的標(biāo)簽欄圖標(biāo)一樣,Context menu的圖標(biāo)是模版內(nèi)置圖片,顏色僅僅定義了圖標(biāo)的形狀。

Menu image sizes

對于Context menu,你得給每個圖標(biāo)提供兩種大小的圖片。在42mm的手表上,圖標(biāo)的線寬通常比38mm版多1像素。

字體

Font

Apple開發(fā)了一套無襯線字體,叫做San Francisco,為Apple Watch的易讀性做過專門處理,包含23種變化。雖然你也可以用自定義字體,Apple建議使用內(nèi)置文字樣式,因為它們是專為小屏幕設(shè)計的。

使用Apple系統(tǒng)字體的另一項好處,是標(biāo)簽過長時文字會自動縮放。隨著字號增大,字間距會減少。如果要指定字號,那么San Francisco字體建議使用19點或更小字號。San Francisco的Display字體應(yīng)該用于20點或更大的字號。

應(yīng)用圖標(biāo)

Home icons

像iOS主屏圖標(biāo)一樣,Apple Watch也需要一個應(yīng)用圖標(biāo)。和iPhone不同,iPhone以方形顯示應(yīng)用圖標(biāo)和名稱,Apple Watch是圓的,不包含標(biāo)簽。這就使你的圖標(biāo)必須比iOS應(yīng)用圖標(biāo)更容易辨識和熟悉,同時表達(dá)出它的作用。

為這么小的屏幕設(shè)計應(yīng)用圖標(biāo)時,簡潔為先。在炫目的應(yīng)用圖標(biāo)海洋中,圖標(biāo)是用戶打開應(yīng)用前首先看到的東西,所以你得通過優(yōu)美的圖標(biāo)設(shè)計留下良好的第一印象。

App icon size

設(shè)計不同尺寸的圖標(biāo),來適配兩種手表尺寸和各個展現(xiàn)圖標(biāo)的界面。系統(tǒng)會自動為圖標(biāo)加上圓形蒙版,所以圖標(biāo)應(yīng)該依據(jù)Apple提供的指南做成方形圖片。

可以下載這個好用的Apple Watch圖標(biāo)模版來生成圖標(biāo)。

基礎(chǔ)之外

Apple Watch為用戶提供了一種不唐突的數(shù)據(jù)獲取方式,這對他們至關(guān)重要。通過理解一款應(yīng)用的結(jié)構(gòu)、交互方式和最佳設(shè)計原則,我們可以在Apple Watch上打造更加美觀、討人喜愛的體驗。

要深入學(xué)習(xí)入門,請看Apple Watch人機交互指南,并且下載Apple Watch設(shè)計資源,里面有一系列模型、參考、模版和字體。

關(guān)于討人喜愛的可穿戴設(shè)備體驗設(shè)計,更多細(xì)節(jié)、竅門和資源請看為可穿戴設(shè)備而設(shè)計。這是一門免費課程,讓你一步一步經(jīng)歷Apple Watch的應(yīng)用設(shè)計。

日歷

鏈接

個人資料

存檔