国产一精品一aⅴ一免费-国产一精品一av一免费-国产一精品一av一免费爽爽-国产一久久香蕉国产线看观看-国产一卡2卡3卡四卡高清-国产一卡二卡3卡4卡视频

資訊
欣賞
資源
服務(wù)
返回首頁
小而美:清晰的可穿戴設(shè)備界面
作者:333cn  來源:  :

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


提到穿戴設(shè)備的設(shè)計,就要面臨一系列其獨(dú)有的挑戰(zhàn)。

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

各種不同的穿戴設(shè)備

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

image07

圖片來源:Apple Watch

image04

圖片來源:Tom Tom Multi-Sport

image01

圖片來源:Fitbit Surge

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

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

運(yùn)用UI設(shè)計理論

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

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

色彩

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

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

image06

圖片來源:Runtastic

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

對比

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

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

image05

圖片來源:Streaks

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

留白

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

image00

圖片來源:The Guardian

上圖中,衛(wèi)報做得很好。圖片與文字的擺放留出了大量的空間,每“屏”上只顯示一則消息。消息包含文字和圖片,請留意每行的字?jǐn)?shù)和加大的行距。

字體

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

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

image03

圖片來源:Citymapper*

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

the-book

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

image08

圖片來源:Pittsburgh Steelers App

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

接下來呢?

討論穿戴設(shè)備時,我們其實(shí)是在學(xué)習(xí)穿戴設(shè)備的最佳實(shí)踐,配合一切具體創(chuàng)意來完成UI設(shè)計。

雖然許多穿戴設(shè)備界面是原生的,我們能不能在其中融入更多網(wǎng)頁和其他應(yīng)用呢?多數(shù)設(shè)計師都在遵循現(xiàn)有工具進(jìn)行設(shè)計,兩者能否結(jié)合?

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

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

image02

圖片來源:7-Minute Workout

穿戴設(shè)備的應(yīng)用何時能走出原生應(yīng)用的范疇?

移動優(yōu)先的設(shè)計我們不久以前才開始談?wù)摗H缃袼殉闪说谝辉瓌t。

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

結(jié)論

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

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

本文相關(guān)關(guān)鍵字:
繼續(xù)閱讀:
[轉(zhuǎn)載請注明作者與出處 傳播設(shè)計品牌影響力 匯聚中國設(shè)計力量 聯(lián)絡(luò)QQ:3319655717]  編輯:
相關(guān)
文章
推薦
2017海峽兩岸大學(xué)...
巨頭競爭伊斯坦布...
2016麥當(dāng)勞換了時...
優(yōu)秀LOGO設(shè)計大學(xué)...
花邊
極富個性插畫 超...
心癢癢 性感廣告...
夢境中蛻變—Kass...
視覺沖擊:PUNK模...
水果切著切著,切...
回味五十年代的時...
排行
專題
  • 平面設(shè)計

  • 工業(yè)設(shè)計

  • CG插畫

  • UI交互

  • 室內(nèi)設(shè)計

  • 建筑環(huán)境

設(shè)計服務(wù)友情鏈接網(wǎng)站地圖廣告服務(wù)合作伙伴關(guān)于我們版權(quán)申明
中國設(shè)計之窗 © 版權(quán)所有 粵ICP備09030610號 ICP許可證 粵B2-20060659號 
座機(jī):0755-21041837 網(wǎng)站客服QQ:點(diǎn)擊這里給我發(fā)消息
主站蜘蛛池模板: 亚洲天码中文字幕第一页 | 国产成人精品免费久久久久 | 色婷婷综合在线 | 婷婷综合网站 | 狠狠色噜噜狠狠狠97影音先锋 | 99九九国产精品免费视频 | 中文字幕不卡在线高清 | jizz国产精品免费麻豆 | 久热这里只有精品视频6 | 在线精品中文字幕福利视频 | 一级一毛片| 亚洲 日本 欧美 中文幕 | 91香蕉在线观看 | 18在线观看 | 中文一区在线 | 日本在线毛片视频免费看 | 极品精品国产超清自在线观看 | 色综合久久综合 | 一级免费看片 | 一区在线免费 | 欧美高清在线精品一区二区不卡 | 久久精品中文字幕第一页 | 欧洲一级做a爱在线观看 | 中文字幕日韩一区二区不卡 | 曰本还a大片免费无播放器 曰本黄色录像 | 欧美日韩国产超高清免费看片 | 黄页免费观看1 | 久久午夜影视 | 91精彩视频 | 日本在线观看不卡免费视频 | 91久久青草精品38国产 | 精品国免费一区二区三区 | 操干干| 欧美精品亚洲精品 | 99久久中文字幕伊人情人 | xxxx国产片| 欧美成人xx免费视频 | 伊人久久大香线蕉综合bd高清 | 国产福利在线观看 | 69日本人xxxx16-18| 久久一区二区三区免费播放 |