2016-1-12 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
移動(dòng)端的設(shè)計(jì)教育我們要設(shè)計(jì)得小，如今，可穿戴設(shè)備則使我們的設(shè)計(jì)愈發(fā)的小。手表的設(shè)計(jì)或許聽起來(lái)嚇人，但只要回到設(shè)計(jì)理論的本源，你就能做出正確的選擇。
提到穿戴設(shè)備的設(shè)計(jì)，就要面臨一系列其獨(dú)有的挑戰(zhàn)。
屏幕很小，甚至可以說(shuō)是袖珍，而且還流行著許多種不同的穿戴設(shè)備。（一直都有各種手表式的產(chǎn)品在沖擊市場(chǎng)。）有些提供了彩色屏幕和豐富的功能，其他一些則有著超簡(jiǎn)單的美學(xué)外觀和穩(wěn)健的功能。
從簡(jiǎn)單的健康追蹤設(shè)備，到能夠與手機(jī)系統(tǒng)同步的功能齊全的手表，設(shè)計(jì)這些小屏幕界面時(shí)，有許多變種需要考慮。
圖片來(lái)源：Apple Watch
圖片來(lái)源：Tom Tom Multi-Sport
圖片來(lái)源：Fitbit Surge
目前，我們可以看到有3種主要類型的穿戴設(shè)備：
每種設(shè)備都只有一塊幾厘米大的屏幕，使得手表的UI設(shè)計(jì)成為一項(xiàng)特別的挑戰(zhàn)。有些設(shè)備用了彩色屏幕，還支持動(dòng)畫。許多都帶有手機(jī)上的功能，而其他則仍然局限于黑底白字顯示屏（也有白底黑字的）。
那么，要如何設(shè)計(jì)所有這些設(shè)備？又如何保持一致？
這最終都要回歸到你的第一個(gè)設(shè)計(jì)項(xiàng)目，以及其中的設(shè)計(jì)理論和概念。這些概念包括色彩、對(duì)比、留白和字體。
如今多數(shù)手表屏幕都黑色的，許多手表應(yīng)用是在深色背景上使用亮色元素。這使得色彩的選用尤為重要，因?yàn)槟氵x用的顏色既要與環(huán)境融為一體，又要清晰突出。
處理深色背景，就意味著設(shè)計(jì)元素要基于一套淺色或者亮色的配色方案，這令人想到Flat配色和Material Design。
圖片來(lái)源：Runtastic
上圖中，Runtastic就處理得很好，明亮的色調(diào)在深色背景上清晰易辨。藍(lán)色有助于展現(xiàn)品牌，更鮮艷的綠色則用于按鈕和用戶操作項(xiàng)。其中所有顏色都容易辨識(shí)，對(duì)設(shè)計(jì)與功能起到了積極的作用。
對(duì)比在小屏幕上同樣重要。
設(shè)計(jì)應(yīng)該清晰地劃分各項(xiàng)元素，在它們之間建立起大量區(qū)分。屏幕上有多個(gè)點(diǎn)擊區(qū)域時(shí)，這點(diǎn)尤其關(guān)鍵。還有一個(gè)重要原因，它使得元素能一眼輕松瞥見，這正是許多手表用戶的使用方式。
圖片來(lái)源：Streaks
上圖中，Streaks運(yùn)用了明暗的手段來(lái)建立顯著的對(duì)比，提升了易讀性和可操作性。每個(gè)圓環(huán)都設(shè)計(jì)成可點(diǎn)按的，功能也清晰可見，這得益于所用的顏色與尺寸，讓每個(gè)元素都鮮明突出。
在小屏幕上，留白是成敗的關(guān)鍵。留白過(guò)多則沒有地方呈現(xiàn)內(nèi)容。留白太少元素難以分辨和閱讀。兩個(gè)極端之間，只有一片狹窄地帶是對(duì)功能和可用性有益的。
圖片來(lái)源：The Guardian
上圖中，衛(wèi)報(bào)做得很好。圖片與文字的擺放留出了大量的空間，每“屏”上只顯示一則消息。消息包含文字和圖片，請(qǐng)留意每行的字?jǐn)?shù)和加大的行距。
在這些袖珍屏幕上，只有一種字體有用：簡(jiǎn)單的字體。
市場(chǎng)上幾乎所有的應(yīng)用都用的是簡(jiǎn)單的無(wú)襯線字體，字重也是中等（還有些更細(xì)或粗的字體用作輔助）。字號(hào)通常都比你所想的更大。每行大約20個(gè)字母，每“屏”不超過(guò)6行。再多一點(diǎn)點(diǎn)文字，就難以閱讀了。
圖片來(lái)源：Citymapper*
上圖中，Citymapper用了幾種不同層次的文字，為各種操作建立了可靠的區(qū)分與層級(jí)。字體簡(jiǎn)單，文字清晰。這款手表應(yīng)用將所有元素組合起來(lái)——色彩、對(duì)比、留白、和優(yōu)秀的字體——幫用戶梳理出最重要的信息。
提及穿戴設(shè)備時(shí)，樸素、簡(jiǎn)約和微交互同樣重要。將它們相互融合，你就會(huì)得到在小屏幕上看起來(lái)（還有用起來(lái)）很棒的產(chǎn)品。
圖片來(lái)源：Pittsburgh Steelers App
上圖中，Pittsburgh Steelers app結(jié)合了所有這些元素，運(yùn)用大量色彩和圖片，使得應(yīng)用美觀惹人喜愛，同時(shí)也易于使用。正由于元素間大量的留白與反差，還有清晰可辨的操作項(xiàng)，內(nèi)容與信息具備了功能性。
討論穿戴設(shè)備時(shí)，我們其實(shí)是在學(xué)習(xí)穿戴設(shè)備的最佳實(shí)踐，配合一切具體創(chuàng)意來(lái)完成UI設(shè)計(jì)。
雖然許多穿戴設(shè)備界面是原生的，我們能不能在其中融入更多網(wǎng)頁(yè)和其他應(yīng)用呢？多數(shù)設(shè)計(jì)師都在遵循現(xiàn)有工具進(jìn)行設(shè)計(jì)，兩者能否結(jié)合？
我們是不是該思考一下，穿戴設(shè)備有哪些不同的使用方式？
去問每一個(gè)人，似乎他們都有自己使用穿戴設(shè)備的理由和目的。但就目前為止，與手機(jī)相連的穿戴設(shè)備似乎只是手機(jī)本身的一種延伸。我們希望這個(gè)狀況有一天會(huì)改變，但是用戶是否會(huì)在手機(jī)上瀏覽網(wǎng)頁(yè)，仍是一件難以預(yù)料的事情。
圖片來(lái)源：7-Minute Workout
穿戴設(shè)備的應(yīng)用何時(shí)能走出原生應(yīng)用的范疇？
移動(dòng)優(yōu)先的設(shè)計(jì)我們不久以前才開始談?wù)?。如今它已成了第一原則。
這也會(huì)發(fā)生在穿戴設(shè)備上嗎？很難說(shuō)。在行業(yè)朝著那個(gè)方向發(fā)展之前，市場(chǎng)可能就會(huì)趨于飽和。（預(yù)計(jì)Fitbit和Apple Watch將會(huì)占據(jù)穿戴設(shè)備的主導(dǎo)地位，創(chuàng)造出250萬(wàn)到600萬(wàn)的手表銷量。相比之下，iPhone用戶預(yù)計(jì)有940萬(wàn)。）
基本設(shè)計(jì)原則的存在有它的理由。不論設(shè)備尺寸如何，運(yùn)用這些概念都能創(chuàng)造出有效的設(shè)計(jì)。但這并不是說(shuō)應(yīng)該堅(jiān)持UI設(shè)計(jì)理論中的每一條“規(guī)則”。
去實(shí)驗(yàn)去嘗試，但要聆聽你腦海中的微弱聲音。當(dāng)你開始質(zhì)疑使用方式和設(shè)計(jì)方式時(shí)——不論是多么小的疑慮——都應(yīng)該回歸本源。而且要找用戶做測(cè)試。
文章出處：colachan
譯者：可樂橙
藍(lán)藍(lán)設(shè)計(jì)( www.alimai.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.alimai.net