亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

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

作者:
分類: 觀點/經驗
2015-12-28
2420

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


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

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

各種不同的穿戴設備

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

image07

圖片來源:Apple Watch

image04

圖片來源:Tom Tom Multi-Sport

image01

圖片來源:Fitbit Surge

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

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

運用UI設計理論

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

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

色彩

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

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

image06

圖片來源:Runtastic

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

對比

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

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

image05

圖片來源:Streaks

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

留白

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

image00

圖片來源:The Guardian

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

字體

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

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

image03

圖片來源:Citymapper*

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

the-book

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

image08

圖片來源:Pittsburgh Steelers App

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

接下來呢?

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

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

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

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

image02

圖片來源:7-Minute Workout

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

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

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

結論

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

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

0
3
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      9000px;">

          9色porny自拍视频一区二区| 五月婷婷久久综合| 成人精品免费看| 国产一区日韩二区欧美三区| 蜜臀av一区二区在线免费观看| 亚洲永久免费视频| 亚洲欧美在线aaa| 国产精品国产三级国产普通话99| 欧美精品一区男女天堂| 日韩午夜激情av| 日韩欧美在线一区二区三区| 67194成人在线观看| 日韩一区二区三| 2020国产精品| 久久久99久久精品欧美| 久久久久久久久久久99999| 久久嫩草精品久久久精品一| 久久九九全国免费| 成人免费在线视频观看| 亚洲欧美日韩成人高清在线一区| 亚洲日本一区二区三区| 亚洲国产乱码最新视频| 日韩在线一区二区三区| 免费人成在线不卡| 狠狠色狠狠色综合| 成人永久免费视频| 91久久精品网| 7777精品伊人久久久大香线蕉完整版 | 欧美在线观看视频在线| 欧美日韩国产小视频| 亚洲欧美一区二区久久| 日韩电影免费一区| 成人永久aaa| 69堂成人精品免费视频| 国产剧情在线观看一区二区| 成人av在线资源网站| 欧美日韩亚洲国产综合| 久久无码av三级| 亚洲自拍偷拍av| 毛片av一区二区| 99精品视频在线免费观看| 欧美精品一二三区| 亚洲图片你懂的| 久久精品国产澳门| 91福利在线导航| 国产三级精品视频| 视频一区中文字幕国产| eeuss鲁片一区二区三区| 欧美精三区欧美精三区| 国产精品久久久久久亚洲毛片 | 亚洲v中文字幕| 国产不卡视频在线播放| 777亚洲妇女| 亚洲综合色丁香婷婷六月图片| 国产一区视频在线看| 欧美艳星brazzers| 国产精品福利影院| 国产综合久久久久久久久久久久| 欧美日韩精品一区视频| 亚洲欧洲在线观看av| 国产综合色视频| 日韩精品专区在线影院重磅| 粉嫩aⅴ一区二区三区四区五区| 欧美日韩三级视频| 亚洲精品乱码久久久久久久久| 福利视频网站一区二区三区| 精品国产一区二区在线观看| 日韩精品久久久久久| 91女神在线视频| 亚洲国产精品v| 国产一区二区成人久久免费影院| 7777精品伊人久久久大香线蕉完整版| 一区二区三区四区在线播放| 色综合久久88色综合天天| 国产日本一区二区| 国产91精品久久久久久久网曝门| 亚洲精品一区二区三区香蕉 | 三级在线观看一区二区| 欧洲av在线精品| 一区二区激情视频| 欧洲一区在线电影| 亚洲欧美日韩国产综合在线| 91啪亚洲精品| 一区二区三区小说| 欧美三区免费完整视频在线观看| 亚洲精品国产a久久久久久| 一本一道久久a久久精品| 国产精品久线观看视频| 成人黄色片在线观看| 国产精品美女一区二区三区| 成人免费看黄yyy456| 中文字幕在线视频一区| 91美女在线看| 亚洲最新视频在线播放| 色婷婷综合久久久久中文一区二区 | 国产精品免费观看视频| 色香蕉成人二区免费| 亚洲最大成人综合| 欧美一区日韩一区| 国产成人亚洲综合a∨婷婷图片| 国产欧美一区视频| 99re这里只有精品6| 亚洲无人区一区| 久久奇米777| 91久久精品日日躁夜夜躁欧美| 性欧美疯狂xxxxbbbb| 日韩精品专区在线影院观看| 成人av电影在线观看| 亚洲黄色小说网站| 日韩欧美一二三区| 不卡电影一区二区三区| 亚洲成人精品一区| 亚洲国产高清不卡| 欧美精品在线观看一区二区| 国产剧情一区二区三区| 亚洲一区二区欧美| 久久精品日韩一区二区三区| 欧洲精品一区二区| 国产成人aaaa| 日韩一区精品视频| 中文成人av在线| 91精品福利在线一区二区三区 | 日韩高清一区在线| 中文字幕欧美日本乱码一线二线| 在线视频一区二区三区| 国产乱对白刺激视频不卡| 一区二区三区高清| 国产成人在线看| 亚洲18影院在线观看| 欧美国产一区视频在线观看| 欧美一区二区成人6969| 91在线观看下载| 久久99精品国产麻豆婷婷| 色老头久久综合| 精品写真视频在线观看| 亚洲r级在线视频| 一区二区三区在线视频免费观看| 久久久久久电影| 在线播放日韩导航| 色欧美乱欧美15图片| 粉嫩aⅴ一区二区三区四区| 久草精品在线观看| 水蜜桃久久夜色精品一区的特点| 国产日本欧美一区二区| 欧美一区二区在线免费播放| 在线观看亚洲一区| 91丨porny丨中文| 国产精品系列在线播放| 麻豆91在线看| 免费观看日韩电影| 亚洲不卡av一区二区三区| 亚洲主播在线播放| 亚洲午夜视频在线| 亚洲激情综合网| 欧美三电影在线| 欧洲av一区二区嗯嗯嗯啊| 日本精品视频一区二区| 91久久久免费一区二区| 色综合久久天天综合网| 99国产精品国产精品毛片| 成人av集中营| 色婷婷一区二区| 色先锋久久av资源部| 欧美性xxxxx极品少妇| 欧美性videosxxxxx| 欧美日韩国产成人在线91| 欧美日韩国产在线观看| 欧美一二三在线| 精品99999| 国产精品美女久久久久久久网站| 色综合久久99| 欧美日韩日本视频| 日韩精品一区二区三区swag| 精品va天堂亚洲国产| 国产视频一区二区在线| 国产三级一区二区| 综合色天天鬼久久鬼色| 一区二区高清视频在线观看| 爽好多水快深点欧美视频| 久久不见久久见中文字幕免费| 精品一区二区三区蜜桃| 国产一区二区免费看| www.欧美色图| 欧美日韩在线亚洲一区蜜芽| 欧美精品123区| 国产成人精品免费在线| 99精品在线观看视频| 在线观看国产91| 久久综合久久综合久久| 日韩一区在线免费观看| 蜜臀久久99精品久久久久宅男| 国产一区二区三区日韩| 一本到一区二区三区| 日韩一区二区三区免费看| 国产精品久久久久久亚洲毛片| 亚洲影院免费观看| 精品亚洲成av人在线观看| 一本久久a久久精品亚洲| 欧美电影免费观看高清完整版 | 久久影院午夜论|