盤點2014年那些吸睛的 UI/UX 設計和理念

jopen 9年前發布 | 8K 次閱讀 UI

盤點2014年那些吸睛的 UI/UX 設計和理念

回 顧這剛剛逝去的 2014 年,我們看到搜索巨頭谷歌推出了適用面廣泛的全新設計語言來完善一系列產品的用戶界面;也曾目睹獨立設計師構建自己的硬件產品;除此之外,更為重要的是, 業界依然在 UI 和 UX 上進行各種大規模的嘗試和努力,可以說 2014 年是 UI 和 UX 重大且充滿收獲的有趣一年。年終總結的任務依舊燙手,好記憶不如爛筆頭。讓我們回顧一下 2014 年 UI 和 UX 的發展吧!

無處不在的觸摸操控

盤點2014年那些吸睛的 UI/UX 設計和理念

傳 統的觸摸操控總是在手機屏幕邊框范圍內進行,而在 2014 年這一情況會發生變化,在手機屏幕邊框范圍外也能實現觸摸操控,一款名為 Fuffr 的 iPhone 手機殼將上述情況變為現實。Fuffr 會在手機殼周圍生產一種隱身的「觸摸屏幕」,通過動作傳感器「翻譯」用戶的隔空觸摸操作,并將對應的操控指令通過 Bluetooth LE 發送給手機,這的確有點類似于體感控制器 Leap Motion 的意思。

盤點2014年那些吸睛的 UI/UX 設計和理念

另 外一個案列則是來自 Future Interfaces Group 的名為「Skin Buttons」(皮膚按鈕)的項目。旨在應對智能手表屏幕太小,無法滿足用戶用手指在智能手表屏幕上對超小的用戶界面進行復雜觸摸操控的難題。該方案可 將智能手表的用戶界面放大投影至手腕皮膚表面,用戶即可通過在手腕上對放大的用戶界面投影表面進行觸摸操控來控制智能手表,某種程度上可以將其理解為智能 手表屏幕的一個可觸摸操控的投影擴展屏。

高度自定義的用戶界面

盤點2014年那些吸睛的 UI/UX 設計和理念

除 了像諸如谷歌這樣的巨頭在開發模塊化手機設備 Ara 之外,一些獨立的設計師也在研發可輕易拼裝的高度模塊化硬件設備。弗洛里安·博恩(Florian Born)則設計出一款包括旋鈕、按鈕、滑塊在內的物理控制器,用來拓展觸控裝置的用途。用戶可在 iPad 上自定義控制用戶界面,猶如搭積木一般。想要什么樣的控制界面,就可以立即實現相應的想法。

盤點2014年那些吸睛的 UI/UX 設計和理念

這 種高度自定義的搭積木式思維同樣在電子音樂領域也有體現,比如在一塊純棉布上用導電油墨打印出高度自定義的 MIDI 控制器;另外名為 Ototo 的項目則是一個可高度定制的「音樂合成器」,使用者可以通過感應器將 Ototo 和任何物品(一切導電材料,比如鋁箔、水果、植物、水果、蔬菜、導電植物、導電線、墨跡、鉛筆痕、所有的金屬物體)連接起來形成接觸點,被接觸的物品在這 個時候就成了可用來演奏的樂器。由于采用了「電容感應」技術,通過測量與之相連的物體電容,在物體被觸摸時,進而能夠感知人體附加的電容,從而觸發音符。

盤點2014年那些吸睛的 UI/UX 設計和理念

完美還原實體物理特性的用戶界面交互體驗

盤點2014年那些吸睛的 UI/UX 設計和理念

就 在剛剛過去的一年,我們看到那些曾經在 2D 屏幕空間中用于表現畫面深度和透視的那些多余的、無謂的陰影及細節粗糙的擬物化一次又一次地被擯棄。越來越多的細節精致的「功能可視化」設計逐步走入大家 的視野,這種設計可以讓用戶通過聯想實體物理特性來了解如何與在操作系統上進行交互操作。

去年六月,谷歌正式推出其全新的設計標準 「Material Design」(原質設計),旨在為手機、平板電腦、臺式機和「其他平臺」提供更一致、更廣泛的「外觀和感覺」。該設計標準將會「一統天下」,從應用到服 務等諸多平臺都要采用該設計標準。原質設計可讓用戶能夠通過某個用戶界面來展現可能的功能,相較于采用陰影和雜亂無章的擬物化設計手法,原質設計采用的則 是「一致性編排」(consistent choreography,這就好比動畫、分層以及現實生活中各種實體交互的物理特性)的設計理念,通過應用光線、表面外觀以及運動的基本原理來展現用戶 界面元素的交互。正如谷歌在設計宣言中所說,「現實中的光線能夠顯現出裂縫和劃分的區塊,這能夠很好地體現出用戶界面中可移動元素的交互性。」

隔空操控的用戶界面

盤點2014年那些吸睛的 UI/UX 設計和理念

麻 省理工學院 Tangible Media Group 推出一款名為「Transform」的交互式操控變形桌的產品原型。這套交互式操控桌面系統能夠「閱讀」用戶的控制手勢并做出對應的實體響應, 「Transform」桌面表面是由很多個小方塊構成,方塊下方則有配有馬達來傳動(有點類似與大型體育賽事的表演人群方陣,有規律地上下運動)。用戶肢 體所到之處的各種小方塊則會被激活上下運動。「Transform」桌面通過模仿自然界當中風、水、和沙子的運動模式來展示自然和機器的沖突的理念,該項 目的首席設計師還希望將這種動作和交互的概念應用到更為廣泛的靜態物品領域,比如桌子、墻壁甚至是整套房屋。

盤點2014年那些吸睛的 UI/UX 設計和理念

另 外一個經典的案列則是由東京大學開發的 HaptoMime 項目。研發人員通過超聲波在空氣中模擬出一個觸摸屏幕。無須再玻璃材質的屏幕上點來點去,用戶可在空氣中的模擬觸摸屏幕中進行各種諸如點擊按鈕、拖曳圖標 等操作。用戶在觸摸的過程中是能夠在空氣中感觸到這些用戶界面(通過紅外傳感器向用戶手指發送超聲波來模擬觸感),而相應的設備則能讀取用戶的手指操控反 映并作出相應用戶界面的回饋。

智能手機的一千種用法

盤點2014年那些吸睛的 UI/UX 設計和理念

智 能手機功能廣泛不必細說,可謂是「一機一世界」。可就在去年,我們發現一些開發人員將智能手機當做純粹的附件來融入到一個更廣泛的生態系統當中。麻省理工 學院 Tangible Media Group 的新項目 THAW 可將智能手機變成大顯示屏幕(臺式機電腦或者筆記本電腦)的控制器,這并非是指讓智能手機變成鼠標這么簡單,而是在智能手機的小屏幕和電腦的大屏幕之間實 現用戶界面的交互。在 THAW 軟件的演示當中,在兩個屏幕中通過簡單的拖曳操作實現神奇的跨設備文件傳輸;或者在大屏幕的游戲當中,小屏幕融入進而成為游戲當中的一個元素,比如成為梯 子或者斜坡讓超級馬里奧翻過城堡和路障。THAW 不僅使得手機成為了電腦的一個新的用戶界面,而且還添加了一個交互的圖形層。軟件通過智能手機的攝像頭跟蹤手機在屏幕上的位置。這種創新的交互系統,最終 實現了大屏幕和小的手持設備之間無縫協同交互工作。

更加智能和安全的頭盔顯示器

盤點2014年那些吸睛的 UI/UX 設計和理念

汽 車和頭盔制造商鼓吹頭盔顯示器的路面安全性已有時日,但是技術上離最終應用仍有距離。而就在去年,世界首款用于摩托車的 Skully AR-1 虛擬增強頭盔顯示器孕育而生。除了能夠實現語音控制,眼前的屏幕還能顯示后方與左右兩側的情況,另外輔助顯示的信息還包括了 GPS 導航、所騎車輛數據、電話音樂等應用。

盤點2014年那些吸睛的 UI/UX 設計和理念

同 樣我們也看到業界在車內交互操控上的新嘗試。一個名叫馬特烏斯·克倫(Matthaeus Krenn)的設計師為車主開發出一個非常炫酷的汽車 UI 產品,旨在通過簡化操作來降低司機在道路上分神的風險。馬特烏斯設計的汽車 UI 走的是「去按鍵化」的路線,通過相對隨意的多點觸控操作來實現對汽車駕駛過程中的各種操控。在設計上的展示視頻中,可以看到兩根手指按在屏幕上下滑動即可 控制音量,三根手指上下滑動即可改變播放設備,四根手指就能輕松調整車內空調溫度。手勢非常簡單,該 UI 只對「上下」滑動的操作有反應,最大程度上降低誤操作風險

適用于小屏幕優化字體

盤點2014年那些吸睛的 UI/UX 設計和理念

針 對小尺寸智能手表界面,蘋果公司于去年年底推出定制的免費字體「San Francisco」。如果你不喜歡 Apple Watch 上的 Helvetica 字體,那就盡管去下載安裝替換字體吧。在「San Francisco」字體下,每個字母的間距會相對放大,這樣「a」或者「e」等字母將會顯得更大,確保用戶在小屏幕中不會看錯。Apple Watch 會根據文字尺寸的大小變化來自動對字體進行調整和部署,確保清晰和易讀性。

來自:http://tech2ipo.com/94447

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!