2026-09-02 日報

✏️ 設計脈動日報 - 第 169 期 (2026-09-02)

焦點設計導讀

1. 幕後製作:Figma 中的生成式外掛與著色器(Behind the Build: Generative Plugins and Shaders at Figma)

分析段落:Figma 持續深化其在設計工具領域的創新,這次揭示了生成式外掛與著色器的內部運作,這不僅將大幅提升設計師的創造力與效率,也預示著未來設計工具將更加智慧化、參數化。對於互動設計師而言,這是一個掌握動態視覺效果與探索新材質表現的重要契機。

2. 我們不需要「AI優先設計師」,我們需要「AI優先經理人」(We Don’t Need AI-First Designers. We Need AI-First Managers.)

分析段落:這篇文章犀利地指出,在 AI 時代,設計團隊更需要具備 AI 思維的經理人,而非僅僅是會使用 AI 工具的設計師。這挑戰了業界對「AI 優先」人才的普遍認知,強調領導層在策略性整合 AI、引導團隊轉型上的關鍵作用,對設計組織的未來發展提供了重要的思考方向。

3. 使用者並未意識到你的設計系統(Users don’t see your design system)

分析段落:此文深入探討設計系統在使用者體驗中的潛在影響,強調雖然使用者不會直接「看到」設計系統,但它卻透過格式塔原則默默地統一了介面、提升了可用性。這提醒設計師,設計系統的價值不僅在於效率,更在於為終端使用者提供一致且流暢的體驗,是產品成功的基石。

4. 使用 Perplexity 四色組進行配色方案設計(Color scheming with Perplexity tetrads)

分析段落:這篇案例研究展示了如何運用生成式 AI 探索色彩理論,特別是 Perplexity 四色組,來創造出既美觀又具高可存取性的調色盤。對於 UI/UX 設計師而言,這不僅提供了 AI 輔助配色工具的實踐方法,也為視覺設計在無障礙性方面的創新應用開闢了新思路。

5. 彎曲、瞄準、拋射:用 Three.js 將艾菲爾鐵塔變成彈弓(Bend, Aim, Fling: Turning the Eiffel Tower into a Catapult with Three.js)

分析段落:Codrops 分享的這個趣味實驗,透過 Three.js 將巴黎鐵塔轉化為互動式彈弓,展示了網頁前端技術在創造沉浸式 3D 體驗方面的巨大潛力。對於互動設計師和前端開發者而言,這是一個絕佳的學習案例,啟發我們如何將真實世界數據與物理模擬結合,打造出引人入勝的動態網頁。

6. 為什麼科技公司隱藏了「登出」按鈕(以及如何找回它)(Why Tech Companies Hid the “Log Out” Button (And How to Win It Back))

分析段落:這篇文章剖析了科技巨頭隱藏「登出」按鈕背後的商業邏輯,以及這類黑暗模式對使用者體驗的負面影響。它提醒設計師在追求商業目標時,仍需堅守使用者導向原則,並思考如何透過更透明、誠實的介面設計來平衡商業利益與使用者福祉。

7. 下一代介面:了解 Google Gemini 如何重新思考 AI 的設計與建構(The Next Interface: Learn how Google Gemini is rethinking how we design and build for AI)

分析段落:Google Gemini 正在重新定義 AI 產品的使用者介面與互動模式,這對於廣大設計師來說是一個重要的風向標。文章深入探討了如何在 AI 時代設計與建構更直觀、更有效率的產品,對於理解未來 AI 產品設計的趨勢與挑戰具有關鍵啟示。

8. 一項病毒式創意挑戰為 Parker 鋼筆打造了完美的「反 AI」廣告牌(A viral creative challenge just gifted Parker pens the perfect anti-AI billboard advert)

分析段落:這個案例展示了創意社群如何透過病毒式挑戰,為傳統品牌 Parker 鋼筆創造出一個極具話題性且切中時代脈絡的「反 AI」廣告。這不僅強調了手寫與人類創意的獨特價值,也為品牌在 AI 浪潮下如何堅守自身定位、進行差異化行銷提供了設計師們深具啟發的思考。

精細分類

【設計工具與 UI/UX (Design Tools & UI/UX)】

Design Tools Updates (設計工具動態:Figma、Sketch、Penpot 等)

UI/UX Research & Methods (使用者研究與設計方法論)

【網頁設計與前端 (Web Design & Frontend)】

No-Code & Site Builders (無程式碼工具:Framer、Webflow 等)

CSS & Frontend Techniques (CSS 與前端技術)

  • 我創造了 ascii/cnlibs — 一個 ASCII Shadcn/UI 元件庫(I created ascii/cnlibs - an ascii shadcn/ui component library)
  • 設計理念與實務價值:這個將 ASCII 藝術與 Shadcn/UI 元件庫結合的專案,展示了前端技術與創意視覺的融合。它不僅提供了一種獨特的懷舊介面風格,也啟發設計師思考如何透過前端技術,為使用者介面注入更多個性和藝術感,突破傳統 UI 的框架。
  • 原文連結https://www.reddit.com/r/web_design/comments/1w3i959/i_created_asciicnlibs_an_ascii_shadcnui_component/

【AI 設計與創意科技 (AI Design & Creative Tech)】

AI-Powered Design Tools (AI 設計工具)

Creative Technology (創意科技應用)

【設計靈感與社群 (Design Inspiration & Community)】

Award-Winning Works (得獎作品與案例)

Brand & Identity (品牌與識別設計)

  • 郵票、標籤與代碼:Vrints-Kolsteren 借鑑運輸與工業元素,為一家流動披薩餐廳進行品牌重塑(Stamps, labels, and codes: Vrints-Kolsteren draws on transport and industry to rebrand a pizza restaurant on the move)
  • 設計理念與實務價值:Vrints-Kolsteren 巧妙地將日常的運輸與工業元素轉化為一家流動披薩餐廳的品牌視覺語言,創造了獨特且具故事性的識別系統。這個案例展示了品牌設計師如何從非傳統領域汲取靈感,並運用創意手法為品牌賦予深度和記憶點。
  • 原文連結https://news.google.com/rss/articles/CBMipAFBVV95cUxPZ1p1SlRVUWFhdmFDVHBmTU9wTnJ0ZmZlcjk5ZXpnY25XUU1hR0NvTXVmM2g4VkpzMDNCUTg1UHhOZVRMSXJaU0lUekdMT2lNTHJtMWdZTHUwQms5MThVQTdSLVlhYy1kZzZMSlJwa2dNRnVFM1k4eGxVclJYaHFTOUxRaG1VNHRoRXN5R1ZZQnZ0NE5HTUx1ZW5xWE9JYmhRVlZZTA?oc=5
  • 這個城市的劇烈標誌重新設計失敗了(This city's drastic logo redesign has hit a bum note)
  • 設計理念與實務價值:這篇文章深入探討了一個城市標誌重新設計的失敗案例,提供了設計師們寶貴的經驗教訓。它強調了在進行大規模品牌重塑時,不僅要考慮美學,更要充分理解目標受眾、品牌核心價值以及潛在的文化敏感性,避免設計與公眾期待脫節。
  • 原文連結https://www.creativebloq.com/design/logos-icons/this-us-citys-drastic-logo-redesign-has-hit-a-bum-note
  • 包裝設計:Robot Food 為 Hip Pop 打造的設計(Packaging Design: Hip Pop by Robot Food)
  • 設計理念與實務價值:Robot Food 為 Hip Pop 品牌打造的包裝設計,透過充滿活力的迷幻字體和獨特的觸感鋁罐,成功傳達了年輕、潮流的品牌個性。這是一個優秀的包裝設計案例,展示了如何將視覺、觸覺等多感官體驗融入設計,有效吸引目標消費者。
  • 原文連結https://abduzeedo.com/packaging-design-hip-pop-robot-food/
  • 品牌識別設計:Studio Format 為 AC2 打造的設計(Brand Identity Design: AC2 by Studio Format)
  • 設計理念與實務價值:Studio Format 為 AC2 打造的品牌識別設計,成功地將建築行業的堅固與高能見度特性融入視覺元素。這個案例展現了如何透過字體選擇、色彩搭配和整體視覺風格,精準地傳達品牌的核心價值和行業屬性,提升品牌專業度與記憶點。
  • 原文連結https://abduzeedo.com/brand-identity-design-ac2-studio-format/
  • 品牌設計:Estudio E 為 Vocado 打造的設計(Branding Design: Vocado by Estudio E)
  • 設計理念與實務價值:Estudio E 為 Vocado 設計的簡約品牌與包裝,以其直接的農場到餐桌理念和精緻的字體,精準詮釋了品牌的誠實與品質。這是一個出色的簡約主義設計案例,提醒設計師在品牌表達中,有時最簡單、最直接的方式往往最能打動人心。
  • 原文連結https://abduzeedo.com/branding-design-vocado-estudio-e/

Design Community News (設計社群動態)

  • The NoGood Book 專題論文與向量插畫(The NoGood Book Monograph and Vector Illustration)
  • 設計理念與實務價值:這本由 NoGood Studio 自行出版的專題論文,彙集了其五年來的向量插畫與編輯藝術作品,不僅是對其創作歷程的總結,也為設計社群提供了豐富的視覺靈感。對於有志於個人品牌建設和作品集展示的設計師而言,這是一個寶貴的參考資料。
  • 原文連結https://abduzeedo.com/nogood-book-monograph-and-vector-illustration/

【設計系統與字體排印 (Design Systems & Typography)】

Typography & Type Design (字體排印與字型設計)


English Daily Highlights

Today's design pulse reveals a strong focus on AI integration, innovative design tools, and a critical examination of user experience fundamentals and brand strategies. Figma is pushing the boundaries of creativity with generative plugins and shaders, signaling a future where design tools are more intelligent and capable of dynamic visual effects. This is a game-changer for interaction designers looking to explore advanced material expressions.

A thought-provoking article from UX Planet highlights the evolving role of leadership in the AI era, arguing for the need for "AI-First Managers" over just AI-fluent designers. This emphasizes strategic integration of AI and team transformation, rather than mere tool proficiency.

The importance of design systems, though often invisible to the end-user, is underscored by UX Collective, which discusses how users don't explicitly "see" your design system but benefit from its consistent application of Gestalt principles, ensuring a unified and improved user experience. Further solidifying the impact of AI, another UX Collective piece explores color scheming with Perplexity tetrads, demonstrating how generative AI can assist in creating aesthetically pleasing and accessible color palettes, offering new avenues for visual design accessibility.

On the web design front, Codrops showcases a playful yet technically impressive Three.js experiment that turns the Eiffel Tower into a catapult, blending interactive physics with real-world 3D data. This is a brilliant example for motion and frontend designers looking to create immersive web experiences. Meanwhile, Web Designer Depot sheds light on the dark patterns of hidden "Log Out" buttons in tech products, prompting designers to re-evaluate ethical considerations in UI/UX and advocate for user autonomy over business retention tactics.

Lastly, Google's approach to rethinking AI design with Gemini offers a glimpse into the next generation of AI-powered interfaces, providing crucial insights for designers navigating this rapidly evolving field. And in a creative turn, a viral challenge led to the perfect "anti-AI" billboard advert for Parker pens, reminding us of the enduring value of human creativity and craftsmanship in a world increasingly dominated by AI. These highlights collectively paint a picture of a design landscape grappling with AI's transformative power, emphasizing both technological innovation and a renewed focus on user-centric and ethical design principles.