Google Design 團隊眼中 2018年的最佳設計項目

Google 旗下有很多不同的設計項目,他們會到每年年底的時候,評估出每年最值得關注的設計項目,這些設計項目中大多有著獨特的設計價值,藉助這些設計項目,我們也可以一窺Google 龐大設計體系當中,最為有趣和值得了解的一些層面。值得注意的是,文中多數鏈接需要搭梯子才能訪問。

對於Google Design 團隊而言,2018年大概是最重要的一年吧?我們推出了一系列基於「人+AI 研究」的人工智能產品和服務,Google 硬件團隊則在米蘭設計週上亮相了,和 Creative Lab、Daydream、GSuite、Expression 等團隊一起,被我們列在了最值得關注的名單之上,AIGA 和快公司等媒體對Google 的設計工作也予以了很高的評價。

在告別2018年之際,我們在 Google Design 總部花費了一些時間,來梳理這即將過去的一年最值得關注的設計項目,我們將這些值得回顧的項目分為3類,希望你能喜歡。

Part A:日漸卓越的機器學習

在這個部分,打頭的項目是Google Creative Lab 和 Magenta 所開發的 NSynth Super 這一項目。

NSynth Super

Google Design 團隊眼中 2018年的最佳設計項目

這是一個開源的樂器工具,能夠將數學內容轉化為音樂。它是使用 TensorFlow 和 openFrameworks 來構建的,是由 Google CreativeLab 和 Magenta 合作開發的,本質上它是一個關乎藝術設計的項目。它橫跨15個不同的音高起始於16個音源,藉助 NSynth 算法為樂器原型生成超過100,000種新的聲音,視覺上,它也同樣引人矚目。對於它是怎麼實現的,可以去 Magenta 博客上深入瞭解一下它的工作原理,當然在 Github 上也能找到它的源代碼、原理圖和設計模板,你可以在此基礎上構建自己的工具。

Google Fonts + 한국어 소개

Google Design 團隊眼中 2018年的最佳設計項目

偉大的字體能讓網頁更加漂亮,更高效快速,並且更加開放,但是前提是每個人都能用到它。對於中日韓三國而言,CJK字符集是使用網頁字體的巨大障礙,如今,Google Font 推出了一種全新的在線字體存儲和傳輸方案。目前,這套系統已經針對韓語進行了優化,通過掃描韓國網絡上的語言模式,他們藉助 ML 驅動下的智能 API 將巨大的韓文字體進行「切片和切塊」處理,分割成為了更小的「字節大小」的小段,結果帶來了加載速度更快,視覺效果更好的網頁。這種技術有希望在未來支持更多的網頁。

People + AI Research (PAIR) Collection

Google Design 團隊眼中 2018年的最佳設計項目

神經網絡,機器學習,人工智能用戶體驗設計,這些都不再是科幻電影中的東西,這些術語已經和我們的生活緊密地聯繫到了一起。對於 UX設計師和技術人員而言,要開始進入這些領域來應對挑戰,面對偏見和各種潛在的影響,並且以人為本的設計,已經成為這個設計過程中至關重要的組成部分。你可以進入 People + AI Research (PAIR) 的頁面,通過文章瞭解更多關於整個框架和相應的資源。你可以找到很多關於 ML 設計的想法,同時瞭解許多實際產品背後的思維和決策,比如 Google Clips 和 Emoji Scavenger Hunt 這幾個案例。由於這個項目在自然發展過程中,建立起了更具包容性的技術線,所以它在即將過去的2018年名頭非常響亮。

Google Design 團隊眼中 2018年的最佳設計項目

Google Lens

Google Design 團隊眼中 2018年的最佳設計項目

Google Lens是一款基於圖像識別和 OCR技術的人工智能應用,能夠讓機器學會「看圖說話」。Google Lens能實時識別智能手機所拍攝的物品並提供與之相關的內容,都是利用強大的計算機視覺算法實現的。Google Lens 會集成到 GoogleAssistant 和 GooglePhotos 中。而在2018年,它直接被集成到了最新的 Google Pixel 手機的攝像頭中,成為了最基本的功能。

Part B:出色的設計成就

Google Hardware

△ Google Hardware 硬件團隊的設計過程背後花絮視頻

將Google 握在手中應該是怎樣的一種感受?富有觸感,熟悉,自然。通過富有紋理的面料和柔和的曲線,結合協調的配色方案,Google 硬件團隊讓 Google 的硬件產品呈現出柔和的一面。Home Mini 的靈感來源於雪堆,Pixel Slate 和 Home Hub 的邊角則顯得圓潤無比,Google 旗下最新的硬件產品,在設計上給人的感覺更加貼近自然,這種返璞歸真的體驗正是Google 硬件團隊所追求的。

Softwear Exhibition

Google Design 團隊眼中 2018年的最佳設計項目

今年最值得關注的事情之一,就是 Google 在 Salone Del Mobile 展上的亮相。Google 硬件團隊和趨勢預測師 Lidewij Edelkoort 合作,在米蘭的 Rossana Orlandi 畫廊舉辦了軟裝展覽。這次整個展覽是由 Edelkoort 策劃,整合了日常家居用品、常用物品以及 Google Pixel 系列、Google Home Max 和 Mini 等當前主硬件產品,展覽中還加入了荷蘭設計師 Kiki van Eijk 的壁掛作品。整個展覽營造出溫馨的氛圍,展示了Google 的硬件會帶來怎樣的感官體驗,以及如何適應日常的生活。正如同Google 的硬件設計副總裁 Ivy Ross 向 Dezeen 所解釋的那樣:「我們肯定會以人們所預期不同的方式出現在米蘭設計週上。」

Material Makeovers

Google Design 團隊眼中 2018年的最佳設計項目

誰不熱愛重設計呢?今年,我們重新推出了一款專門設計過的Material 主題,採用白色的背景,更為流行的配色,圓潤的邊角,並且搭配上全新的字體 Google Sans,下面是少數運用上設計的產品:

  • Bonito. 美しい. Bellissimo! Google 翻譯的視覺風格一直都非常的簡練時尚。不過隨著 Material Design的重設計,Web UI 就引入了新的排版設計,並且擁有了新的標籤頁設計,足以適應任何屏幕尺寸,並且令人眼前一亮。
  • 而同樣隨著 Material 重設計而重獲新生的軟件則是 Google Assistant,和前者不同的是,它的設計採用了大量的卡片式的元素,不同的卡片上承載著大量一目瞭然的信息,不同的色彩之下,辨識度極高,也便於觸發,更重要的是如今集成了語音交互之後,更加方便,也更加令人愉悅了。
  • 在 Google 瀏覽器 10歲生日的時候,舊有的風格被替換成了新的 Material 設計風,更多圓潤的邊角,全新的配色方案,以及大量新的圖標設計,所有的這些東西盡力讓 UI界面更加友好。
  • 所有的 Google 系應用看起來都很不錯。重新設計的 Gmail、Google日曆、環聊、Google Drive、Google Keep 都儘量降低視覺上的混亂,並且為提升工作效率而留出空間。新的設計還引入了新的插畫,讓新用戶更容易上手。
  • Google News 同樣採用了新的設計,這一點和其內置的人工智能信息組織篩選系統很好地搭配在一起,基於卡片的信息組織方式讓界面可以更好地呈現內容。

Part C:精心打造的無障礙用戶體驗

ASL Stickers

Google Design 團隊眼中 2018年的最佳設計項目

△ 這是 Expression 團隊所設計的美國手語表情「yay」和「cool」

如果你將雙手舉到頭頂並像英國女王一樣旋轉雙手,那麼你就完成了一個美國手語當中的單詞「yay」。有趣的地方在於,這件事情我是通過 Gboard 表情包知道的。今年早些時候,谷歌的 Expression 團隊和聾啞人倡導者以及 Youtube UP主 Jessica Flores 合作,創建了24種常見的手語表情,這些表情採用了異想天開的交互式的角色形象,它們讓文本內容和形象化的符號結合到一起,讓普通人可以更多地瞭解北美通用的手語俚語,讓普通人有更多的可能性去和有語言障礙的用戶,使用手語進行溝通。

Creatability Experiments

Creatability 團隊使用一系列的相對入門的實驗,來探索使用視覺和聲音來「繪製」可視化的音樂,以全新的方式來進行創作。藉助人工智能的支持,Creatability 團隊在網絡上和網絡社區中的創作者一起合作來推進實驗,他們在一起探索音樂、文字、繪畫和技術之間的結合點,讓大家有機會更好地工作。有趣的地方在於,它是開源的,我們在 Creatability 朋友們的幫助下,創建了一個循序漸進的教程,你可以試著參與到其中。

Global Guides

Google Design 團隊眼中 2018年的最佳設計項目

這幅動態插畫是由 Naveen Hattis 製作、Sharon Harris 加入了動畫,基於UX for the Next Billion Users collection 中的指南。

用戶使用各種硬件設備的時候,周遭的環境和硬件設備本身的狀況其實是千差萬別的,屏幕上的內容通常不會按照理想化的狀況來進行顯示。無論是低視度的劣質屏幕,還是過於刺眼的陽光,都會讓屏幕上內容的實際顯示效果遠達不到理想的效果。


分享到:


相關文章: