国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

小而美:清晰的可穿戴設備界面

2016-1-12    用心設計

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

移動端的設計教育我們要設計得小,如今,可穿戴設備則使我們的設計愈發的小。手表的設計或許聽起來嚇人,但只要回到設計理論的本源,你就能做出正確的選擇。

提到穿戴設備的設計,就要面臨一系列其獨有的挑戰。

屏幕很小,甚至可以說是袖珍,而且還流行著許多種不同的穿戴設備。(一直都有各種手表式的產品在沖擊市場。)有些提供了彩色屏幕和豐富的功能,其他一些則有著超簡單的美學外觀和穩健的功能。

各種不同的穿戴設備

從簡單的健康追蹤設備,到能夠與手機系統同步的功能齊全的手表,設計這些小屏幕界面時,有許多變種需要考慮。

1

圖片來源:Apple Watch

2

圖片來源:Tom Tom Multi-Sport

3

圖片來源:Fitbit Surge

目前,我們可以看到有3種主要類型的穿戴設備:

  • 依賴手機的手表,例如Apple WatchSamsung Gear S2
  • 獨立手表,例如運動員中流行的那些帶有GPS功能的手表
  • 運動追蹤器,例如Fitbit Surge

每種設備都只有一塊幾厘米大的屏幕,使得手表的UI設計成為一項特別的挑戰。有些設備用了彩色屏幕,還支持動畫。許多都帶有手機上的功能,而其他則仍然局限于黑底白字顯示屏(也有白底黑字的)。

運用UI設計理論

那么,要如何設計所有這些設備?又如何保持一致?

這最終都要回歸到你的第一個設計項目,以及其中的設計理論和概念。這些概念包括色彩、對比、留白和字體。

色彩

如今多數手表屏幕都黑色的,許多手表應用是在深色背景上使用亮色元素。這使得色彩的選用尤為重要,因為你選用的顏色既要與環境融為一體,又要清晰突出。

處理深色背景,就意味著設計元素要基于一套淺色或者亮色的配色方案,這令人想到Flat配色和Material Design。

4

圖片來源:Runtastic

上圖中,Runtastic就處理得很好,明亮的色調在深色背景上清晰易辨。藍色有助于展現品牌,更鮮艷的綠色則用于按鈕和用戶操作項。其中所有顏色都容易辨識,對設計與功能起到了積極的作用。

對比

對比在小屏幕上同樣重要。

設計應該清晰地劃分各項元素,在它們之間建立起大量區分。屏幕上有多個點擊區域時,這點尤其關鍵。還有一個重要原因,它使得元素能一眼輕松瞥見,這正是許多手表用戶的使用方式。

5

 

圖片來源:Streaks

上圖中,Streaks運用了明暗的手段來建立顯著的對比,提升了易讀性和可操作性。每個圓環都設計成可點按的,功能也清晰可見,這得益于所用的顏色與尺寸,讓每個元素都鮮明突出。

留白

在小屏幕上,留白是成敗的關鍵。留白過多則沒有地方呈現內容。留白太少元素難以分辨和閱讀。兩個極端之間,只有一片狹窄地帶是對功能和可用性有益的。

6

 

圖片來源:The Guardian

上圖中,衛報做得很好。圖片與文字的擺放留出了大量的空間,每“屏”上只顯示一則消息。消息包含文字和圖片,請留意每行的字數和加大的行距。

字體

在這些袖珍屏幕上,只有一種字體有用:簡單的字體。

市場上幾乎所有的應用都用的是簡單的無襯線字體,字重也是中等(還有些更細或粗的字體用作輔助)。字號通常都比你所想的更大。每行大約20個字母,每“屏”不超過6行。再多一點點文字,就難以閱讀了。

7

 

圖片來源:Citymapper*

上圖中,Citymapper用了幾種不同層次的文字,為各種操作建立了可靠的區分與層級。字體簡單,文字清晰。這款手表應用將所有元素組合起來——色彩、對比、留白、和優秀的字體——幫用戶梳理出最重要的信息。

8

 

提及穿戴設備時,樸素、簡約和微交互同樣重要。將它們相互融合,你就會得到在小屏幕上看起來(還有用起來)很棒的產品。

9

 

圖片來源:Pittsburgh Steelers App

上圖中,Pittsburgh Steelers app結合了所有這些元素,運用大量色彩和圖片,使得應用美觀惹人喜愛,同時也易于使用。正由于元素間大量的留白與反差,還有清晰可辨的操作項,內容與信息具備了功能性。

接下來呢?

討論穿戴設備時,我們其實是在學習穿戴設備的最佳實踐,配合一切具體創意來完成UI設計。

雖然許多穿戴設備界面是原生的,我們能不能在其中融入更多網頁和其他應用呢?多數設計師都在遵循現有工具進行設計,兩者能否結合?

我們是不是該思考一下,穿戴設備有哪些不同的使用方式?

去問每一個人,似乎他們都有自己使用穿戴設備的理由和目的。但就目前為止,與手機相連的穿戴設備似乎只是手機本身的一種延伸。我們希望這個狀況有一天會改變,但是用戶是否會在手機上瀏覽網頁,仍是一件難以預料的事情。

10

 

圖片來源:7-Minute Workout

穿戴設備的應用何時能走出原生應用的范疇?

移動優先的設計我們不久以前才開始談論。如今它已成了第一原則。

這也會發生在穿戴設備上嗎?很難說。在行業朝著那個方向發展之前,市場可能就會趨于飽和。(預計Fitbit和Apple Watch將會占據穿戴設備的主導地位,創造出250萬到600萬的手表銷量。相比之下,iPhone用戶預計有940萬。)

結論

基本設計原則的存在有它的理由。不論設備尺寸如何,運用這些概念都能創造出有效的設計。但這并不是說應該堅持UI設計理論中的每一條“規則”。

去實驗去嘗試,但要聆聽你腦海中的微弱聲音。當你開始質疑使用方式和設計方式時——不論是多么小的疑慮——都應該回歸本源。而且要找用戶做測試。

文章出處:colachan
譯者:可樂橙

藍藍設計www.newchinaweekly.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.newchinaweekly.com

存檔

日韩在线观看中文字幕| 国产999在线| 97久久伊人激情网| 999视频在线免费观看| 五月天亚洲综合情| mm131亚洲精品| 日本黄色动态图| 日韩免费观看一区二区| www.久久精品.com| 一本加勒比hezyo黑人| 成人漫画网站免费| 麻豆电影在线播放| 99精品国产一区二区三区2021| 91精品国产麻豆国产在线观看| 三级久久三级久久久| 国产三级一区二区| 在线播放一区二区三区| 欧美成人午夜激情在线| 51午夜精品| 日韩精品视频一区二区在线观看| 日韩少妇一区二区| 日韩免费av网站| 欧美韩日国产| av色图一区| 一区中文字幕| 日日骚欧美日韩| 亚洲综合无码一区二区| 日韩av网址在线观看| 成人黄色av网| 精品免费国产一区二区| 黄色片子在线观看| 午夜在线视频免费| 青青草免费在线视频| 成人动漫视频在线观看| 天堂一区二区在线| 天天色综合天天| 久久久伊人欧美| 日韩不卡视频一区二区| 美女爆乳18禁www久久久久久| 999久久久久| 1024在线视频| 精品一区二区三区中文字幕视频| 日韩不卡一二三区| 欧美性20hd另类| 4444欧美成人kkkk| 国产一线二线三线女| 精品国产大片大片大片| 欧美啪啪精品| 97在线视频免费观看完整版| 欧美天堂亚洲电影院在线观看| 国产精品久久久久影视| 正在播放国产一区| 国产精品毛片va一区二区三区| 国产精品护士白丝一区av| 日韩一区二区三区三四区视频在线观看 | 亚洲黄色成人久久久| 少妇高潮喷水在线观看| 国产奶水涨喷在线播放| 黄页网站在线免费观看| 四虎4545www精品视频| 天堂蜜桃91精品| 欧美日韩三级一区二区| 91中文字幕在线观看| 亚洲av无一区二区三区久久| 亚洲黄色小说网| 91caoporn在线| 久久久久久久久99精品大| 亚洲午夜一区二区| 国产精品白丝jk喷水视频一区| 182午夜在线观看| 粉嫩av一区二区夜夜嗨| 蜜桃视频在线观看www社区| 一本一道久久综合狠狠老精东影业| 欧美性猛交丰臀xxxxx网站| 成人精品一区二区三区电影黑人| 韩国av中国字幕| 男人精品网站一区二区三区 | 精品国产乱码久久久久久郑州公司 | 国产在线精品一区二区 | 久久综合久久色| 亚洲精品字幕在线| 欧美aaa免费| 国产一区二区三区免费看 | 色综合久久综合网| 国产99视频精品免费视频36| 中文字幕第24页| 国产视频一二三区| 蜜臀91精品国产高清在线观看| 一区二区三区中文免费| 国产精品稀缺呦系列在线| 国产熟妇搡bbbb搡bbbb| 成全在线观看免费完整动漫| 九一精品国产| 91高清在线观看| 日韩在线观看电影完整版高清免费| 国产高清亚洲一区| 日本xxxx人| 国产 欧美 日韩 一区| 午夜私人影院久久久久| 亚洲色图第三页| 国内成人精品| 国产一区喷水| 青草国产精品久久久久久| www.五月色.com| 久久久久久久久久久免费视频| 欧美亚洲动漫精品| fc2在线中文字幕| 久久精品国产露脸对白| 欧美三级电影网| 欧洲在线视频| 亚洲精品成人在线视频| 久久色在线播放| 亚洲色图88| 人妻互换一区二区激情偷拍| 亚洲999一在线观看www| 国产欧美一区二区三区网站 | 精品久久五月天| 蜜桃视频在线入口www| 91麻豆精品国产综合久久久久久 | 国产毛片一区二区三区| 亚洲精品久久久北条麻妃| 激情五月宗合网| 欧美午夜一区二区三区| 全色精品综合影院| 精品国产乱子伦| 色就是色欧美| 日韩欧美精品中文字幕| 精品日产免费二区日产免费二区| 5g影院5g电影天天爽快| 97超碰成人在线| 久久精品久久久久电影| 国产精品无码永久免费888| 欧美xxx.com| 国产精一区二区| 天天操天天干天天综合网| 婷婷五月色综合| 黄色aaa毛片| 日韩大尺度在线观看| 欧美一区二区三区视频在线观看| 女性隐私黄www网站视频| 成年网站免费观看| 久久激情视频| 情事1991在线| 日韩电影在线观看一区二区| 亚洲男人av| 日本韩国欧美一区二区三区| 久色视频在线播放| 狠狠擦狠狠操| 日韩电影免费一区| 国产成人精品av在线| 久久久精品视频网站| 欧美美女被草| 日韩视频免费观看高清完整版在线观看| 男人添女人下面免费视频| 三上悠亚一区二区三区| 懂色av一区二区在线播放| 国产伦精品一区| 狠狠色成人综合网图片区| 亚洲精品2区| 97人人模人人爽人人喊中文字| 特一级黄色大片| 日韩精品中文字幕一区二区 | 久久精品视频在线播放| 日韩欧美国产成人精品免费| 色资源二区在线视频| 欧美羞羞免费网站| 杨幂一区二区国产精品| 国产www.大片在线| 亚洲国产欧美在线人成| 精品久久久久久中文字幕2017| 中文字幕国产在线| 中文字幕国产一区| 成人性生活视频免费看| 制服黑丝国产在线| 国产精品国产精品国产专区不片| 妺妺窝人体色www看人体| 白天操夜夜操| 国产日韩精品一区| av动漫在线看| 理论视频在线| 性感美女极品91精品| 久久久精品视频国产| 婷婷在线播放| 日韩三级免费观看| 91视频青青草| 999精品视频在这里| 精品国内自产拍在线观看| 无码人妻丰满熟妇精品 | 日本三级在线观看网站| 欧美久久久久久蜜桃| 日本黄色激情视频| 日本一区二区三区电影免费观看 | 午夜日韩在线观看| 女人扒开双腿让男人捅 | 欧美亚洲视频一区| 最大av网站| 无码av免费一区二区三区试看 | 一区二区精品视频| www.久草| 午夜国产精品一区|