每天,我們都會(huì)注意到越來越多的人使用Apple Watch或類似的科穿戴設(shè)備。 這些設(shè)備不斷改變我們對(duì)可穿戴技術(shù)的思考方式,以及如何為獨(dú)特的界面進(jìn)行定制化的網(wǎng)站設(shè)計(jì)和應(yīng)用程序設(shè)計(jì)。
與其他設(shè)計(jì)項(xiàng)目不同,可穿戴設(shè)備所要面臨的挑戰(zhàn)還是比較大的。 功能是一個(gè)主要問題,尺寸也是如此,它將成為設(shè)計(jì)師至今使用過的最小屏幕尺寸之一。
所有設(shè)計(jì)的關(guān)鍵是創(chuàng)造一種視覺上令人愉悅的感覺,并能夠提供友好的功能性體驗(yàn)。
在設(shè)計(jì)可穿戴界面時(shí),需要考慮以下10件事。
1.考慮極簡(jiǎn)的設(shè)計(jì)(Think Minimal Design)
設(shè)計(jì)的最大趨勢(shì)之一已經(jīng)可以完美適用于可穿戴設(shè)備 - 極簡(jiǎn)主義。 你在網(wǎng)站設(shè)計(jì)上使用的設(shè)計(jì)實(shí)踐,都非常適合可穿戴設(shè)備和手表型設(shè)備(這里我們主要談?wù)撌直?,因?yàn)樗鼈兂尸F(xiàn)了主要的視覺設(shè)計(jì)元素)。
從顏色到排版到圖像的所有內(nèi)容都應(yīng)該簡(jiǎn)單,直觀,易于閱讀。 使用平面設(shè)計(jì)中的一些概念,以及添加極簡(jiǎn)風(fēng)格的主要元素,如鮮艷的色彩,高對(duì)比度和消除不必要的設(shè)計(jì)裝飾。
2.使用振動(dòng)反饋(Use Vibration)
可穿戴設(shè)備具有你過去可能沒有設(shè)計(jì)到的功能,振動(dòng)反饋就是其中之一。 當(dāng)涉及到用戶可以直接感受到的某些東西時(shí),簡(jiǎn)單的嗡嗡聲或振動(dòng)可以是設(shè)計(jì)交互的理想方式。
但是你需要仔細(xì)考慮這些交互是如何工作的。 振動(dòng)應(yīng)該是柔軟的,并且以明顯的方式發(fā)生,但是當(dāng)它們發(fā)生時(shí)不會(huì)感到不舒服或嚇到用戶。 振動(dòng)式交互也不需要經(jīng)常發(fā)生,如果手表每分鐘都會(huì)發(fā)出嗡嗡聲,用戶很快就會(huì)感到沮喪并放棄產(chǎn)品。
3.必不可少的語音控制(Voice Controls are Essential)
雖然我們已經(jīng)討論過因智能手機(jī)的應(yīng)用而需要改變的關(guān)于點(diǎn)擊和觸摸交互的方式,現(xiàn)在我們也需要關(guān)注語音控制的使用。 以這種方式考慮一下,這么小尺寸的屏幕,誰會(huì)去頻繁的點(diǎn)擊它? 這一方面,語音就顯示出更大的優(yōu)勢(shì)。
在設(shè)計(jì)將出現(xiàn)在手表式設(shè)備(例如Apple Watch)上的應(yīng)用或網(wǎng)站設(shè)計(jì)中的交互時(shí),語音應(yīng)該是首要考慮因素。 語音是Apple設(shè)計(jì)的重要組成部分,例如,Siri是一款本機(jī)應(yīng)用程序,可以在每次抬起手腕時(shí)激活并等待命令。 此功能提供了你必須考慮的便利因素。
4.簡(jiǎn)單的字體(Type Needs to be Simple)
敲重點(diǎn)——Sans serif。 在可穿戴設(shè)備上輸入和閱讀內(nèi)容時(shí),你比任何時(shí)候都需要有更直觀和易于閱讀的需求。 具有均勻筆劃寬度的簡(jiǎn)單無襯線是最簡(jiǎn)單和最易讀的選項(xiàng)之一。
避免使用太細(xì)或經(jīng)過特殊處理的的字體,因?yàn)榭赡懿蛔阋源_保可讀性。 相反,要注意字體的粗細(xì)程度,堅(jiān)持使用中等筆觸的字體,并使用稍寬的字母。 (Helvetica是一個(gè)理想的,雖然它可能因被過度使用了)。
5.顏色需要高對(duì)比度(Colors Need to Have High Contrast)
小屏幕上的每種顏色都需要意義。 這種意義的一部分將以對(duì)比的形式出現(xiàn),使元素更容易閱讀和識(shí)別。
顏色可以被用于表示需要交互的可點(diǎn)擊元素或作為文本命令的背景,關(guān)鍵是鮮明的對(duì)比。 考慮使用這些設(shè)備的環(huán)境 - 在陽光下,在黑暗的房間中 - 并通過設(shè)計(jì)使每個(gè)字母在任何條件下都易于閱讀。
避免使用低飽和度的粉彩或顏色。 明亮的色調(diào)和高度飽和的色彩效果最佳。 將它們與白色或黑色配對(duì),以獲得最佳可讀性(同樣重要的是要考慮許多智能手表屏幕是黑色的,相應(yīng)地計(jì)劃你的配色方案)。
6.簡(jiǎn)單性(Make It Easy)
每個(gè)可穿戴設(shè)備都會(huì)有所不同。 在設(shè)計(jì)時(shí)考慮每個(gè)接口和物理組件。 Apple Watch配有“數(shù)字表冠”,可以縮放或滾動(dòng)屏幕上的信息。
設(shè)計(jì)應(yīng)與設(shè)備包含的所有物理部件一起使用。 它應(yīng)該易于查看,更重要的是易于使用,功能應(yīng)該是直觀的。
7.視覺設(shè)計(jì)應(yīng)該統(tǒng)一(Visuals Should Mirror Design In Other Places)
手表屏幕的可視化設(shè)計(jì)和網(wǎng)站設(shè)計(jì)一樣,反映在同一設(shè)備上的設(shè)計(jì)界面應(yīng)該盡量保持有統(tǒng)一的視覺。 是的,屏幕將受到限制,互動(dòng)將集中在一個(gè)動(dòng)作上,但整體美感應(yīng)具有相似的外觀和感覺。
它可以追溯到簡(jiǎn)約設(shè)計(jì)的流行。 這是一種適用于兩種類型設(shè)備的技術(shù),平面設(shè)計(jì)的許多原則也是如此。 出于這個(gè)原因,這些趨勢(shì)將繼續(xù)存在,并成為設(shè)計(jì)師為這些小屏幕創(chuàng)造的關(guān)鍵因素。
8.讓它看起來更酷以及更加時(shí)尚(Make It Cool and Trendy)
這可能聽起來不是什么大問題,但可穿戴設(shè)備是用戶關(guān)聯(lián)到他們身份的東西。 實(shí)際設(shè)備不僅需要具有一定的外觀,而且界面需要與該風(fēng)格相匹配。
屏幕上的信息必須與設(shè)備本身一樣好。 使用Apple Watch,界面非常簡(jiǎn)潔,線條簡(jiǎn)潔,一些花里胡哨的元素很少。 應(yīng)用程序的界面應(yīng)該使用相同的視覺感覺,以便屏幕上的信息看起來就是匹配的。
9.設(shè)計(jì)無需屏幕依然可以工作(Design Can Work Without a Screen)
市場(chǎng)上一些受歡迎的可穿戴設(shè)備甚至沒有屏幕。 考慮Fitbit,Nike Fuel Band或Google Glass等產(chǎn)品。
這些沒有屏幕或只是以時(shí)間作為顯示的“屏幕”。 諸如振動(dòng)或與其他設(shè)備和應(yīng)用程序的連接等功能才能真正使這些產(chǎn)品發(fā)揮作用。 即使用戶無法始終從實(shí)際設(shè)備中查看該功能,該功能也很有用。
10.每個(gè)屏幕一個(gè)視覺思維(One Visual Thought Per Screen)
每個(gè)像素都以難以解釋的方式發(fā)揮作用。 手表大小的屏幕上沒有足夠的空間來像桌面或移動(dòng)設(shè)計(jì)中包含的每個(gè)元素。 所以你需要想想的是你不需要的東西。
這些屏幕的大小范圍為320像素到128像素。 這實(shí)在是太小了,不能在通過縮小設(shè)計(jì)來實(shí)現(xiàn)所有內(nèi)容都羅列出來,所以你必須為可穿戴設(shè)備完全改變它。 使用這個(gè)概念:每個(gè)屏幕一個(gè)視覺思維。
你需要有一個(gè)或兩個(gè)單詞的空間和(或)圖像。 就這樣,傳達(dá)的信息應(yīng)該簡(jiǎn)單,清晰,切中要害。 如果需要進(jìn)一步考慮,應(yīng)該通過拓展單個(gè)屏幕的設(shè)計(jì)來做補(bǔ)充。
總結(jié)
可穿戴設(shè)備不僅僅只是停留在現(xiàn)階段,將會(huì)有更多的可用設(shè)備推出。 雖然我們還沒有看到在這個(gè)市場(chǎng)上會(huì)發(fā)生什么樣的突破和革新,但是圍繞可穿戴技術(shù)存在很多可能。
作為設(shè)計(jì)師必須做好充分的準(zhǔn)備。 你的團(tuán)隊(duì)?wèi)?yīng)該已經(jīng)考慮你的網(wǎng)站設(shè)計(jì)或應(yīng)用如何在這類設(shè)備上運(yùn)行。 不要等到每個(gè)人都有智能手表才來設(shè)計(jì)它。 你需要時(shí)刻走在前列,開始考慮可穿戴設(shè)計(jì)技術(shù)。
----圖文來自:design shack
----由深圳網(wǎng)站建設(shè)公司-Clh翻譯編輯整理,為您提供更多有關(guān)深圳網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)及其他互聯(lián)網(wǎng)應(yīng)用服務(wù)