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


<div class="draft-block draft--p left"></div>
<div class="draft--imgNormal draft-block"><div><div style="height:1064px" class="image-block-prerender" data-src="https://images.vocus.cc/44ccbbc8-9c42-480a-9443-7f2241c06d31.png" data-width="1064" data-height="532" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"></figcaption></div></div>
<div class="draft-block draft--p left">從Material Design發表至今，Google的設計語言已經7歲了!然而，隨著生活環境的改變，人們的需求也從實用層面轉變到情感價值。因此，Google在2021年5月的開發者大會中推出最新的設計語言Material You，並特別強調其「個人化」使用者體驗。</div>
<h2 class="draft-block draft--h2" name="header-f35jc">「你」就是「你」的個人化</h2>
<div class="draft-block draft--p left">在<a href="https://events.google.com/io/session/357e96f9-128b-4902-b63e-47e10c85fe98?lng=zh-CN" target="_blank" class="draft--a">主題演講會場</a>中，說明Android手機原生功能介面，將根據使用者設置的桌布圖片色調來擷取主要色彩元素，並針對每個使用者量身定制一套符合使用性的UI(可能也是算法XD~)，而這種樣式也是適用於明亮和暗黑主題模式(Dark Theme)。</div>
<div class="draft--imgNormal draft-block"><div><div style="height:1400px" class="image-block-prerender" data-src="https://images.vocus.cc/d875cb79-1899-49a3-9c6c-18ab563be0ae.png" data-width="1400" data-height="839" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">從桌布相片獲取顏色</figcaption></div></div>
<div class="draft--imgNormal draft-block"><div><div style="height:800px" class="image-block-prerender" data-src="https://images.vocus.cc/d8fcdfb9-cba5-4cf1-903a-b173ac80c26b.gif" data-width="800" data-height="450" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">根據不同桌布照片呈現不同介面顏色</figcaption></div></div>
<h2 class="draft-block draft--h2" name="header-bh4ac">又大又圓又粗</h2>
<div class="draft-block draft--p left">相信很多設計師，在設計被檢視的時候都會收到這種回覆，字體能不能在大一些（內心：大一點就很醜XD）。而這次的新設計語言可能是為了滿足更好的可用性以及各平台間的文字閱讀性，讓文字加粗，圖標變大，形狀看起來更清晰簡單，甚至去達到無障礙設計的標準(Accessible)，但相對就會失去藝術美感，而去滿足普羅大眾的老人機概念。同樣地，這次的設計系統也採用大量的圓角，在視覺上看起來會更加的柔軟，大致符合目前設計趨勢，例如蘋果近期發佈的iOS 14以及前一陣子熱烈討論的小米圓。</div>
<div class="draft--imgNormal draft-block"><div><div style="height:1366px" class="image-block-prerender" data-src="https://images.vocus.cc/8d5abb28-1532-4e18-bd28-fc9e5891724d.png" data-width="1366" data-height="768" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">Google I/O發表會直播概念介紹</figcaption></div></div>
<div class="embed-block-prerender" data-type="html" data-url="https://www.youtube.com/watch?v=UHQPdP8qgrk&amp;feature=emb_title"></div>
<div class="draft-block draft--p left"></div>
<div class="draft--imgNormal draft-block"><div><div style="height:829px" class="image-block-prerender" data-src="https://images.vocus.cc/caaf701f-6ae1-4ec7-b951-cb903f4dc3b6.png" data-width="829" data-height="463" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">Android 12 VS iOS 14控制面板比較</figcaption></div></div>
<h2 class="draft-block draft--h2" name="header-12l86"><span style="font-weight: bold; ">適應式的彈性設計</span></h2>
<div class="draft-block draft--p left">從過去的Google的產品線僅僅是雲端服務，現在慢慢跨足手機，平板，智慧手錶，甚至汽車顯示屏。這使得設計系統變得更加複雜甚至難以保持一致性的管理下。Google不斷透過自身技術的強項，發展以系統規模化來解決問題的方法，如同網頁常見的RWD技術，僅需要一組程式碼變能適應到不同尺寸的螢幕。同樣地，應用在Android平台也是如此，除了可以針對字體大小，甚至布局排列，都可以透過程式以規模化的方式來實現完成。</div>
<div class="draft--imgNormal draft-block"><div><div style="height:1400px" class="image-block-prerender" data-src="https://images.vocus.cc/8186e59b-72d8-4be7-a41e-1889b27e1bae.png" data-width="1400" data-height="706" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"><a href="https://io.google/2021/session/357e96f9-128b-4902-b63e-47e10c85fe98/?lng=zh-CN" target="_blank" class="draft--a">關於更多細節</a></figcaption></div></div>
<h2 class="draft-block draft--h2" name="header-4cu30">最後還是回到隱私</h2>
<div class="draft-block draft--p left">保護個人隱私，大概是這幾年各大公司持續琢磨以及互相抄襲的部份。這對於設計師來說，就是一個在設計開始前需要多加考慮的因素，畢竟以前為了提高使用者體驗反而蒐集許多個人資料，然而現在關注在用戶授權告知和資料最小化的平衡。以Android 12來說，就是會在應用程式開啟時，顯示一個通知圖示在通知列中，告知用戶哪些功能正在被使用；在iOS 14則是顯示一個亮燈作為提醒。</div>
<div class="draft--imgNormal draft-block"><div><div style="height:1000px" class="image-block-prerender" data-src="https://images.vocus.cc/1fb9c7ba-90d2-464e-a324-203854959088.gif" data-width="1000" data-height="727" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">Android 12開啟鏡頭的微訊息通知</figcaption></div></div>
<div class="draft--imgNormal draft-block"><div><div style="height:700px" class="image-block-prerender" data-src="https://images.vocus.cc/f0371f54-49c6-419a-8332-83391f5a0587.jpg" data-width="700" data-height="204" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">Android 12開啟鏡頭的微訊息通知</figcaption></div></div>
<h2 class="draft-block draft--h2" name="header-34db2"><span style="font-weight: bold; ">小結</span></h2>
<div class="draft-block draft--p left">這次的全新設計語言，雖然說不上來是個突破性的創新，然而，值得學習以及反思的，反而是能觀察到Google設計團隊仍持續針對現有設計不斷去做調整。畢竟對於一個大型公司來說，要針對產品設計做一個全新設計表述，可想而知，阻力一定很大，所以要如何有效權衡效益和創意就是一個挑戰。另一方面，就是他們採用許多以程式算法結合設計的創意，這種不僅僅能降低設計師的負擔，更能放大設計的價值，這對於設計師在企業就會有影響力的正向循環。</div>
<div class="draft-block draft--p left"></div>
<h3 class="draft-block draft--h3" name="header-d46"><span style="font-weight: bold; ">如果喜歡我的文章，歡迎［追蹤］小弟，陪你一起長大長肉🙏，想要定期收到有趣的內容，可以查看下面的部落格囉</span></h3>
<figure><br></figure>
<div class="embed-block-prerender" data-type="vocus" data-url="https://www.facebook.com/ErgonUX" data-title="老男孩玩設計" data-description="老男孩玩設計. 1,382 likes · 15 talking about this. 設計知識自媒體。分享主題包含產品設計、UX設計、UI設計、用戶增長、用戶研究、數據分析、服務設計等資源" data-providername="Facebook" data-backgroundimageurl="https://d2a6d2ofes041u.cloudfront.net/resize?norotation=true&amp;url=https%3A%2F%2Fscontent-iad3-2.xx.fbcdn.net%2Fv%2Ft1.6435-1%2F118615192_171849977837508_4239698408455381635_n.png%3F_nc_cat%3D110%26ccb%3D1-5%26_nc_sid%3Ddbb9e7%26_nc_ohc%3D2v_jcfckDpwAX8Vng0F%26_nc_ht%3Dscontent-iad3-2.xx%26oh%3D00_AT-KrCQc3A8hauu3pEuB-1796F6j-cak1yFF0rO0V20SNQ%26oe%3D620F1E7B&amp;width=550&amp;sign=8IYHuStMecFyyYhmlz2OXatpSOWNH1NbZNqKFiNO72E"></div>
<div class="draft-block draft--p left"></div>

設計

入門UI/UX設計師-需要懂的資訊術語-幫你快速融入團隊

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

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

根據不同桌布照片呈現不同介面顏色

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

Android12 is here - and it's for you. We're introducing a new visual redesign that gives you the power to customize the look and feel of your phone across t...

#Android12: Designed for you

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

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

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

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

老男孩玩設計. 1,382 likes · 15 talking about this. 設計知識自媒體。分享主題包含產品設計、UX設計、UI設計、用戶增長、用戶研究、數據分析、服務設計等資源

老男孩玩設計

今年，vocus 的 iOS 工程師 YC 帶著技術交流（以及讓更多人認識 vocus）的使命，參與了今年的 try! Swift Tokyo 研討會，這系列的文章，我們將會分享研討會當中的精彩學習，還有那些網路上看不到的研討會體驗細節（讚嘆主辦方的用心）！

方格子 vocus 官方沙龍

vocus tech｜iOS 工程師前進東京！參加 try! Swift Tokyo 研討會的學習與啟發（上）

什麼是“無主燈設計”？

“無主燈設計”是一種相對於傳統照明方式的照明設計趨勢。傳統的室內照明多依賴於單一的主燈，例如天花板上的吊燈、吸頂燈，或者大型的燈具作為主要的光源，將光線集中在空間的中心，讓整個空間獲得均勻的光照。然而，隨著現代室內設計的需求和美學追求，這種單一光源的設計已不再能夠完全滿

J個觀點-聊職場、談生活、說科技

什麼是無主燈設計? 3分鐘了解最新照明設計趨勢!TJ2 Lighting

如題，近期發生的火火熱熱得事件，先上市場傳言：

APH鬼故事來了⋯⋯(轉) 微軟GB200砍單！輝達GB200量產時間再度延遲，鴻海明年營收面臨下調風險

 

1. 市場原預期輝達新一代Blackwell晶片在台積電CoWoS-L 2.5D高階封裝製程問題解決以後將可於明年一月量產，但下游背板連

分析師的市場觀點

GB200最新設計再度陷入窒礙難行，微軟部分遞延至GB300，鴻海及供應鏈受災，少部分受惠股

本篇文章介紹如何使用Figma設計出高效的表單，適合各類設計師。文章內容包括2025最新UX/UI設計趨勢及實用技巧，並提供完整的教學視頻。學習重點包括介面熟悉度、色彩搭配、設計整體感以及對齊的重要性，助你提升設計效率和用戶體驗。立即訂閱頻道掌握未來設計技能！

JayLinXR

Figma UX/UI 表單設計教學｜2025最新實戰案例｜提升設計效率與用戶體驗！

隨著科技的不斷發展，網頁設計已經從過去的靜態頁面演變為充滿動態、互動性和個性化的體驗。本文介紹了網站設計的最新趨勢，包括夜間模式、無障礙設計、響應式設計、聊天機器人和虛擬助手等功能。

Kant Chan的沙龍

網頁設計的未來：當代工具與未來趨勢的完美結合

本文探討2024年UI/UX設計趨勢，包括深色模式和色彩適應性、微互動和動畫、3D元素與虛擬現實整合，以及以用戶為中心的數據驅動設計、無障礙設計和情感設計的新方法。

Janet的沙龍

2024年UI/UX設計趨勢：創建直觀、引人入勝的數碼體驗

隨著科技的發展，數位設計領域也日益進步，其中「透明度平面化」成為了設計師在處理完稿檔案時必須面對的一大挑戰。在這篇文章中，我們將一探究竟，揭開透明度平面化的神秘面紗，並探討它在當代設計中的重要性，以及如何巧妙應對可能遇到的問題。



透明度平面化

在數位設計的豐富世界裡，透明效果提供了無限的創意

捷可印的沙龍

透明度平面化解析

Google I/O 2024 開發者大會(Google Developer Conference)於台灣時間 5/15展開，為期兩天。今年Google I/O 開發者大會帶來了許多令人振奮的 AI 技術和產品，這些創新成果將改變我們的生活和工作方式。讓我們一起來看看有這次大會有什麼讓人驚豔亮點！

閱讀N次方

2024 Google I/O 開發者大會：五大亮點，迎接AI創新大未來！

文化生活

音樂藝文

職場

以行動支持創作者！付費即可解鎖

TJ2 Lighting東捷生活科技 | LED照明領導品牌

本VIP專題提供職場、生活娛樂、科技新知相關資訊，歡迎好朋友們多多訂閱。
定期發布深度好文，讓您感受最有價值的內容。

空間

主燈

燈光

軌道

室內

商業

智慧家庭

傳統

設計師

投資理財

國際

投行觀點

很高興能夠成為你實踐財富自由的第一步，歡迎瀏覽進階訂閱方案
原價每天不到5元，CP值最高，超越報紙資訊的法人投行分析。
精簡快速分享投行法人研究及操盤思維
希望能讓你我用最少時間、精力、資金洞察近期金融市場的變化與重點分享。

GB200

電線

產品

美金

資料中心

鴻海

微軟

CoWoS

電纜

學習

Design = Amazing

設計 + 程式，是一個出版對設計和程式的學習影片和教學文章，目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤JayLinXR獲得最新消息: https://www.youtube.com/@jaylinxr 

教學

用戶

體驗

案例

科技

N° Lab

●讀書心得 × 視覺筆記 × 個人成長●
歡迎來到《閱讀 [N] 次方》──
一本書、一張筆記、一場分享，啟動你的成長倍數效應。
讓知識看得見，讓思考更有感，一起將學習與成長放大到 N 次方 🚀
#個人成長 #商業思維 #閱讀筆記 #刻意練習 #財富自由
❥ 合作邀約 📧：fonamia31@gmail.com

1.設計系統不用從頭開始

在設計產品時，有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師，負責各種產品或視覺設計工作時才逐漸領悟到的一點。

當時，我在購買UI Kits這件事情上猶豫不決，擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨

軟體開發

✨精選設計師筆記

科技鴨鴨有五年軟體設計經驗，目前為12人團隊的小 Leader 。 嘗試將生活遇到的管理經驗整理成重點筆記📝

科技鴨鴨的沙龍

5個在新創公司加速產品設計的方法

本文章討論瞭如何在網站設計中融合現代與經典設計元素，並進一步介紹了進階的SEO策略和創新的婚紗時尚探索。提出了利用圖片故事呈現、色彩搭配與品牌識別、長尾關鍵字運用、影音內容利用、社群媒體整合與行銷以及客製化婚紗禮服、綠色婚紗時尚趨勢和非傳統禮服的魅力等觀點。

Web3

Alice的沙龍

婚禮網站設計趨勢：掌握最新風潮，打造獨一無二的網站

Wayne老摳摳UX設計師的沙龍

#Android12 is here - and it’s for you. We’re introducing a new visual redesign that gives you the power to customize the look and feel of your phone across the whole system. With smoother animations, more intuitive notifications, quick settings and new widgets for your favorite people, Android will feel more personal and alive than ever before. 

Discover more about Android by following us on:
Instagram: https://www.instagram.com/android/
Twitter: https://twitter.com/Android
Facebook: https://www.facebook.com/AndroidOfficial