最新設計語言!2021年Google發佈 Material You

更新於 發佈於 閱讀時間約 4 分鐘
raw-image

從Material Design發表至今,Google的設計語言已經7歲了!然而,隨著生活環境的改變,人們的需求也從實用層面轉變到情感價值。因此,Google在2021年5月的開發者大會中推出最新的設計語言Material You,並特別強調其「個人化」使用者體驗。

「你」就是「你」的個人化

主題演講會場中,說明Android手機原生功能介面,將根據使用者設置的桌布圖片色調來擷取主要色彩元素,並針對每個使用者量身定制一套符合使用性的UI(可能也是算法XD~),而這種樣式也是適用於明亮和暗黑主題模式(Dark Theme)。

raw-image
raw-image

又大又圓又粗

相信很多設計師,在設計被檢視的時候都會收到這種回覆,字體能不能在大一些(內心:大一點就很醜XD)。而這次的新設計語言可能是為了滿足更好的可用性以及各平台間的文字閱讀性,讓文字加粗,圖標變大,形狀看起來更清晰簡單,甚至去達到無障礙設計的標準(Accessible),但相對就會失去藝術美感,而去滿足普羅大眾的老人機概念。同樣地,這次的設計系統也採用大量的圓角,在視覺上看起來會更加的柔軟,大致符合目前設計趨勢,例如蘋果近期發佈的iOS 14以及前一陣子熱烈討論的小米圓。

raw-image


raw-image

適應式的彈性設計

從過去的Google的產品線僅僅是雲端服務,現在慢慢跨足手機,平板,智慧手錶,甚至汽車顯示屏。這使得設計系統變得更加複雜甚至難以保持一致性的管理下。Google不斷透過自身技術的強項,發展以系統規模化來解決問題的方法,如同網頁常見的RWD技術,僅需要一組程式碼變能適應到不同尺寸的螢幕。同樣地,應用在Android平台也是如此,除了可以針對字體大小,甚至布局排列,都可以透過程式以規模化的方式來實現完成。

raw-image

最後還是回到隱私

保護個人隱私,大概是這幾年各大公司持續琢磨以及互相抄襲的部份。這對於設計師來說,就是一個在設計開始前需要多加考慮的因素,畢竟以前為了提高使用者體驗反而蒐集許多個人資料,然而現在關注在用戶授權告知和資料最小化的平衡。以Android 12來說,就是會在應用程式開啟時,顯示一個通知圖示在通知列中,告知用戶哪些功能正在被使用;在iOS 14則是顯示一個亮燈作為提醒。

raw-image
raw-image

小結

這次的全新設計語言,雖然說不上來是個突破性的創新,然而,值得學習以及反思的,反而是能觀察到Google設計團隊仍持續針對現有設計不斷去做調整。畢竟對於一個大型公司來說,要針對產品設計做一個全新設計表述,可想而知,阻力一定很大,所以要如何有效權衡效益和創意就是一個挑戰。另一方面,就是他們採用許多以程式算法結合設計的創意,這種不僅僅能降低設計師的負擔,更能放大設計的價值,這對於設計師在企業就會有影響力的正向循環。


如果喜歡我的文章,歡迎[追蹤]小弟,陪你一起長大長肉🙏,想要定期收到有趣的內容,可以查看下面的部落格囉


留言
avatar-img
留言分享你的想法!
avatar-img
Wayne老摳摳UX設計師的沙龍
12會員
15內容數
2022/01/21
一個UX設計師在成長過程中,除了設計思維的提升外,對於細節的掌握也需要特別的注意,尤其交付Wireframe和UI Flow時。一個系統化的自查表可以避免許多曾犯的錯誤ㄧ再發生,減少設計稿來回次數,也不用再穿防彈衣跟開發技術人員討論了。
Thumbnail
2022/01/21
一個UX設計師在成長過程中,除了設計思維的提升外,對於細節的掌握也需要特別的注意,尤其交付Wireframe和UI Flow時。一個系統化的自查表可以避免許多曾犯的錯誤ㄧ再發生,減少設計稿來回次數,也不用再穿防彈衣跟開發技術人員討論了。
Thumbnail
2022/01/19
在開發產品過程中,不難發現研發和設計團隊時常因各自所處的角度不同,使得在溝通來回上花了不少時間。所以小弟整理些過去常在工作場景下遇到的一些資訊技術的專有名詞,化解那些雞同鴨講的無效溝通。
Thumbnail
2022/01/19
在開發產品過程中,不難發現研發和設計團隊時常因各自所處的角度不同,使得在溝通來回上花了不少時間。所以小弟整理些過去常在工作場景下遇到的一些資訊技術的專有名詞,化解那些雞同鴨講的無效溝通。
Thumbnail
2022/01/13
汽車電動化大概是未來幾年科技的發展趨勢。然而,電動車除了電池續航和自動輔助駕駛技術外,創新的人機互動更是吸引消費者買單的部分。對比傳統的汽車品牌,多年來對於車用資訊娛樂系統以及智能控制系統設計並沒有太大的本質改變,反倒是像特斯拉、小鵬汽車以及蔚來汽車等新創公司。
Thumbnail
2022/01/13
汽車電動化大概是未來幾年科技的發展趨勢。然而,電動車除了電池續航和自動輔助駕駛技術外,創新的人機互動更是吸引消費者買單的部分。對比傳統的汽車品牌,多年來對於車用資訊娛樂系統以及智能控制系統設計並沒有太大的本質改變,反倒是像特斯拉、小鵬汽車以及蔚來汽車等新創公司。
Thumbnail
看更多
你可能也想看
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
在設計人機介面時,「模內裝飾」技術的應用對於提升人機介面(HMI)的設計和功能性有著重大的影響。透過模內裝飾技術,我們可以打造出更複雜、使用者友善的介面,不論是在汽車HMI、薄膜鍵盤還是其他領域,都能看到這項技術所帶來的優勢。
Thumbnail
在設計人機介面時,「模內裝飾」技術的應用對於提升人機介面(HMI)的設計和功能性有著重大的影響。透過模內裝飾技術,我們可以打造出更複雜、使用者友善的介面,不論是在汽車HMI、薄膜鍵盤還是其他領域,都能看到這項技術所帶來的優勢。
Thumbnail
先前消息指出,Google 2025 年發表的第十代 Pixel 智慧手機迎接重大變革,Tensor G5 處理器可望成為台積電生產的首款 Pixel 處理器。最新消息,Tensor G5 處理器流程順利,即將進入「流片」階段。
Thumbnail
先前消息指出,Google 2025 年發表的第十代 Pixel 智慧手機迎接重大變革,Tensor G5 處理器可望成為台積電生產的首款 Pixel 處理器。最新消息,Tensor G5 處理器流程順利,即將進入「流片」階段。
Thumbnail
十年前的行動支付在臺灣尚未普及,但如今行動支付已經逐漸成為生活的一部分,同時,電子鎖的應用也越來越廣泛。未來科技將帶來更多便利,讓我們努力學習和接受各式各樣的新科技,享受美好的生活。
Thumbnail
十年前的行動支付在臺灣尚未普及,但如今行動支付已經逐漸成為生活的一部分,同時,電子鎖的應用也越來越廣泛。未來科技將帶來更多便利,讓我們努力學習和接受各式各樣的新科技,享受美好的生活。
Thumbnail
Google I/O 2024 開發者大會(Google Developer Conference)於台灣時間 5/15展開,為期兩天。今年Google I/O 開發者大會帶來了許多令人振奮的 AI 技術和產品,這些創新成果將改變我們的生活和工作方式。讓我們一起來看看有這次大會有什麼讓人驚豔亮點!
Thumbnail
Google I/O 2024 開發者大會(Google Developer Conference)於台灣時間 5/15展開,為期兩天。今年Google I/O 開發者大會帶來了許多令人振奮的 AI 技術和產品,這些創新成果將改變我們的生活和工作方式。讓我們一起來看看有這次大會有什麼讓人驚豔亮點!
Thumbnail
本文章探討了多智能體系統(MAS)在生成式AI領域中的應用,以及GenAI對於AI_MCU和Software defined hardware的影響。文章還總結了SDH設計模式對數據科學和人工智能時代的影響,並提供了有關GenAI的一些額外信息。
Thumbnail
本文章探討了多智能體系統(MAS)在生成式AI領域中的應用,以及GenAI對於AI_MCU和Software defined hardware的影響。文章還總結了SDH設計模式對數據科學和人工智能時代的影響,並提供了有關GenAI的一些額外信息。
Thumbnail
Google 推出了一個線上網站,讓用戶可以自由選擇材料、衣服、配件、和道具,來打造屬於自己的安卓機器人。不僅有豐富的選擇,還可以免費下載並分享自己的創作! 安卓機器人創建公式 = 材料+衣服+配件+道具+打勾
Thumbnail
Google 推出了一個線上網站,讓用戶可以自由選擇材料、衣服、配件、和道具,來打造屬於自己的安卓機器人。不僅有豐富的選擇,還可以免費下載並分享自己的創作! 安卓機器人創建公式 = 材料+衣服+配件+道具+打勾
Thumbnail
MWC 2024 巴塞隆納移動通訊展 什麼是MWC? 移動通訊展(Mobile World Corgress, MWC)是全球最具影響力的行動通訊產業年度展覽! 在過去一年的生活中,生成式AI已經融入我們日常生活、職場、藝術、娛樂等應用。 再加上最近發布Sora生成式影片的加持,生成式AI技...
Thumbnail
MWC 2024 巴塞隆納移動通訊展 什麼是MWC? 移動通訊展(Mobile World Corgress, MWC)是全球最具影響力的行動通訊產業年度展覽! 在過去一年的生活中,生成式AI已經融入我們日常生活、職場、藝術、娛樂等應用。 再加上最近發布Sora生成式影片的加持,生成式AI技...
Thumbnail
安卓15開發者預覽版1號,剛剛發布。有新的健康、營養測量數據類型,也許代表Google要進入Fitness戰局了。 那正式版何時上線? 有可能於2024十月。 有趣的點:部分螢幕分享、投射功能。 也許有趣的點:開發者可以有更多相機控制。
Thumbnail
安卓15開發者預覽版1號,剛剛發布。有新的健康、營養測量數據類型,也許代表Google要進入Fitness戰局了。 那正式版何時上線? 有可能於2024十月。 有趣的點:部分螢幕分享、投射功能。 也許有趣的點:開發者可以有更多相機控制。
Thumbnail
從Material Design發表至今,Google的設計語言已經7歲了!然而,隨著生活環境的改變,人們的需求也從實用層面轉變到情感價值。因此,Google在2021年5月的開發者大會中推出最新的設計語言Material You,並特別強調其「個人化」使用者體驗。
Thumbnail
從Material Design發表至今,Google的設計語言已經7歲了!然而,隨著生活環境的改變,人們的需求也從實用層面轉變到情感價值。因此,Google在2021年5月的開發者大會中推出最新的設計語言Material You,並特別強調其「個人化」使用者體驗。
Thumbnail
二○○七年在Macworld上,賈伯斯在演講進入第四十一分鐘左右時,開始介紹iPhone。他切換到下一張投影片,上面是一個黑色的蘋果商標遮住太陽的圖,接著他說:「我從兩年半前,就一直期盼這一天的到來。每隔一段時間,就有一款革命性的產品誕生,改變一切。」
Thumbnail
二○○七年在Macworld上,賈伯斯在演講進入第四十一分鐘左右時,開始介紹iPhone。他切換到下一張投影片,上面是一個黑色的蘋果商標遮住太陽的圖,接著他說:「我從兩年半前,就一直期盼這一天的到來。每隔一段時間,就有一款革命性的產品誕生,改變一切。」
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News