✏️ 設計脈動日報 - 第 128 期 (2026-07-28)
焦點設計導讀
1. 數位工具，人類表達：Config 2026 大會的視覺識別幕後（Digital Tools, Human Expression: The Visual Identity Behind Config 2026）
分析段落：Figma 深入探討了其年度盛會 Config 2026 的視覺識別設計過程，強調如何透過設計展現「數位工具與人類表達」的核心理念。這篇文章揭示了品牌設計如何透過視覺元素、色彩與動態來傳達複雜的抽象概念，對於尋求品牌策略與視覺敘事靈感的設計師而言，提供了寶貴的案例。
2. 在畫布上直接進行 AI 設計品質保證（Get AI design QA right on your canvas）
分析段落：Figma 推出了一項新功能，允許設計師直接在畫布上利用 AI 進行設計品質保證（QA）。這項創新將顯著提升設計審核的效率與精準度，減少重複性的人工檢查，使設計師能更專注於創意與策略層面，加速產品迭代週期。
3. AI UX 研究代理整合至 Figma 設計中（AI UX Research Agent Built Into Figma Design）
分析段落：Figma 持續將 AI 深度整合至其生態系統中，這次是推出 AI 驅動的 UX 研究代理。這將使設計師能夠更快速地從用戶回饋中提取洞察，自動化部分研究流程，進而優化使用者體驗設計決策，是 AI 協助設計師進行使用者研究的一大里程碑。
4. 在畫布上用 AI 建立你的設計系統（Build your design system with AI on canvas）
分析段落：Figma 的這項更新代表著設計系統建立流程的重大變革，透過 AI 輔助，設計師將能更高效、更智能地定義與管理設計規範。這不僅能縮短設計系統的建置時間，還能確保其在不同專案中的一致性與可擴展性，是實現規模化設計的關鍵。
5. 針對產品設計師的 Claude Opus 5（Claude Opus 5 for Product Designers）
分析段落：這篇文章探討了最新 AI 模型 Claude Opus 5 在產品設計領域的應用潛力。它分析了該工具如何幫助設計師進行概念發想、文案生成及問題解決，同時也點出了其在速度與成本方面的權衡，為產品設計師評估 AI 導入提供了實用視角。
- 原文連結：https://uxplanet.org/claude-opus-5-for-product-designers-a9c4579ea19b?source=rss----819cc2aaeee0---4
6. 從無阻礙到有意義（From frictionless to meaningful）
分析段落：這篇導讀挑戰了設計界長久以來追求「無阻礙體驗」的信條，提倡有時適度的「摩擦」反而能創造更深刻、更有意義的用戶互動。對於 UX 設計師而言，這是一個重要的思維轉變，鼓勵我們重新審視產品的情感層面與敘事力量，以提升用戶滿意度。
7. AI 設計中的意識海市蜃樓（The consciousness mirage in AI design）
分析段落：文章深入探討了 AI 設計中擬人化現象對用戶感知造成的「意識海市蜃樓」效應。理解用戶如何將人類特質歸因於 AI，對於設計師在建立 AI 互動時的語氣、回應與介面呈現至關重要，能幫助我們設計出更具同理心且不過度誤導的 AI 體驗。
8. 介於印刷與數位之間：MERSI 網站的製作（Between Print and Digital: The Making of MERSI’s Website）
分析段落：這篇文章介紹了 MERSI 網站如何巧妙地融合印刷美學與數位互動的設計過程。它展示了設計師如何運用 Webflow 建立精緻的動態效果與編輯敘事，為網頁設計師提供了跨媒介整合的優秀案例，激發在數位空間中探索更多實驗性視覺表達的可能。
- 原文連結：https://tympanus.net/codrops/2026/07/27/between-print-and-digital-the-making-of-mersis-website/
精細分類
設計工具與 UI/UX (Design Tools & UI/UX)
Design Tools Updates (設計工具動態：Figma、Sketch、Penpot 等)
- Looka - 企業商務顧問 Figma 範本（Looka - Corporate Business & Consulting Figma Template）
- 敘述：這是一個專為企業商務與諮詢服務設計的 Figma 範本，提供標準化的元件與介面佈局。對於需要快速啟動專案的 UI/UX 設計師而言，它能大幅提升工作效率，確保設計品質與一致性。
- 原文連結：https://news.google.com/rss/articles/CBMiqwFBVV95cUxNWGhEaVRKbmpkdzh1azN1NVB4cGVrQmZtWExrTkdnSkVpMUZLOThVYXhlUGRPMWVMbGE5c1o2U1E2YnQycFpyOTZSS0c5ZEhPMVRZazBBbUZIcHV3Y2RRc0ZhcDUwLVlDWkhKcjhEV1VBeC0xWmtveEZZZ1d1TUR4SDZSMlZqNmREd2piMVFod0kxNXQ5SkZOcWlGU0ZDWGdLUTFLX0VKZ2VMd1U?oc=5
- 8 個平面設計初學者必備的免費工具（8 essential free tools every graphic design beginner needs）
- 敘述：這篇文章推薦了八款平面設計初學者可以使用的免費工具，涵蓋了從圖像編輯到版面設計等不同面向。對於剛入門的設計師，這些工具能有效降低學習門檻，協助他們在有限資源下展開創意實踐。
- 原文連結：https://news.google.com/rss/articles/CBMiiwFBVV95cUxNbzRreTFlbzJtVFVoYzhWTDRCLXU3WFB4SGZ3ZEl2V05vNXdyaXZkNFpTdU1nMndNcHY3R0N5bUJLUVo0amZqUmlPWWRXdERRaEMyZkNVX3pIWEUyWXZhR0RvS1padXQ4UjBHVk9obWZ1QWQ3VmUxUDFWS2daTGdNeWh4TXZnVFlCUDVJ?oc=5
UI/UX Research & Methods (使用者研究與設計方法論)
- 你曾忽略的每個載入畫面背後的秘密設計（The Secret Design Behind Every Loading Screen You’ve Ever Ignored）
- 敘述：這篇文章揭示了載入畫面設計中的心理學與視覺策略，說明如何透過動畫、進度條等元素來管理用戶的等待體驗。對於 UI/UX 設計師而言，理解這些細微之處，能有效降低用戶流失，提升整體產品滿意度。
- 原文連結：https://medium.muz.li/the-secret-design-behind-every-loading-screen-youve-ever-ignored-420a81a2cb98?source=rss----5969bf7021a3---4
- 原生 UI 與客製化 UI Android 手機：有何區別？（Stock Vs. Custom UI Android Phones: What's The Difference?）
- 敘述：此文比較了原生 Android 介面與品牌客製化 UI 之間的差異，從設計美學、功能性與用戶體驗等方面進行分析。這對於 UI 設計師在思考不同平台設計風格與限制時，提供了重要的參考依據，有助於打造更符合目標客群的產品介面。
- 原文連結：https://news.google.com/rss/articles/CBMie0FVX3lxTFB4Vl9aZ0otMnpxNENXOUFFTWg4ME9UZll2ckEzNUt6dDNldW54djNLNzY2SmRBSHp2czk4SUMwbmFDU1hZZ3RUMUpuMkplMDh0Ykt1R3RZTnNLTXY2Z3d4ajlDcmc0N1dBclkxZTZ0Ulg3azBiQzlaWl9oSQ?oc=5
Interaction & Motion Design (互動與動態設計)
- 瓦萊里亞．霍馬伊登將微觀觀察轉化為迷人的孔版印刷動畫（Valeria Homayden turns microscopic observations into mesmerising Risograph animations）
- 敘述：設計師 Valeria Homayden 巧妙地將微觀世界的觀察結果，透過孔版印刷技術轉化為獨特的動態動畫。這展示了動態設計如何結合實驗性媒介，創造出富有藝術感且引人入勝的視覺敘事，為互動設計師帶來豐富的創作靈感。
- 原文連結：https://news.google.com/rss/articles/CBMiqgFBVV95cUxNQXg1aFJZRmI3eUN0MWZhYzFFenhhaU0yczhncHNkTDRHY2hGRXBwVEpCM1N3V2lJZEU5ZjZIRWVlUjQyOWFuNHU5ekxpQUZGWk9uTDZyeGdTMmxsdFMwLTZKMVRYYzRZNWpnWi1LcFNwdjEyeS1rYXJGbmV6bVhHNXpSUXlwUmVVTnMyd1F2WGZNV2hWYjFfNjJLQnJwbjVIVGk0RWVfS2FNZw?oc=5
網頁設計與前端 (Web Design & Frontend)
Web Design Trends (網頁設計趨勢)
- Orionix - 創意代理商 - Awwwards 提名（Orionix - Creative Agency - Awwwards Nominee）
- 敘述：Orionix 創意代理商的網站榮獲 Awwwards 提名，其設計展現了現代網頁設計的創新與精緻。對於追求前沿設計和卓越用戶體驗的網頁設計師，這個案例提供了視覺與互動上的高品質參考。
- 原文連結：https://news.google.com/rss/articles/CBMiZEFVX3lxTE53c0lQeTkzTTVZTFROOHJRUW9PeFBaN3lxVzZqTENqUldUS1RWd1dyWlluYjlEUHBCMFI4dzhxNUk0R1NUa1VHbV93UlpKM2k3VTFVcktPTzRnUURzVzQ0OUMtS0s?oc=5
- 克里斯蒂．赫姆．克洛克 - Awwwards 提名（Christie Hemm Klok - Awwwards Nominee）
- 敘述：設計師 Christie Hemm Klok 的作品獲得 Awwwards 提名，肯定了其在網頁設計領域的傑出表現。這個提名不僅是對其個人設計能力的認可，也為其他設計師展示了高品質作品集應具備的創意與執行標準。
- 原文連結：https://news.google.com/rss/articles/CBMiXkFVX3lxTE92ZnhQc2U5Y3IxVi1mNlhfZW1rVE5Qam9qMGhRcTY2dVpfVW1tRkRhZFF2dkZOWTgtQnVsdy1ndzJTeFh0Y0RVZ2pMVmp4aTBvTU82aDNkQ2phTFhHTEE?oc=5
No-Code & Site Builders (無程式碼工具：Framer、Webflow 等)
- 如何在 Webflow Cloud 應用中透過 Auth0 和 Stripe 添加身份驗證和支付功能（How to add authentication and payments to a Webflow Cloud app with Auth0 and Stripe）
- 敘述：本文詳細介紹了如何在 Webflow Cloud 應用程式中整合 Auth0 進行身份驗證，並使用 Stripe 處理支付。這為無程式碼設計師拓展了網站功能提供了實用指南，使其能夠在不編寫程式碼的情況下建立更複雜、更具互動性的平台。
- 原文連結：https://webflowmarketingmain.com/blog/auth-payments-webflow-cloud-auth0-stripe
- 如何在 Webflow Cloud 表單中添加 SendGrid 電子郵件傳送功能（How to add SendGrid email delivery to a Webflow Cloud form）
- 敘述：這篇文章指導設計師如何在 Webflow Cloud 表單中，整合 SendGrid 服務實現電子郵件傳送功能。它提供了表單輸入驗證、品牌確認信與內部通知的設定步驟，讓無程式碼建站工具的使用者能輕鬆提升網站互動與溝通效率。
- 原文連結：https://webflowmarketingmain.com/blog/contact-form-sendgrid-webflow-cloud
AI 設計與創意科技 (AI Design & Creative Tech)
AI-Powered Design Tools (AI 設計工具)
- AI 可以偽造你的作品集，更低延遲，5-to-9，單色資料視覺化（AI can fake your portfolio, Lower latency, 5-to-9, Monochrome dataviz）
- 敘述：本文探討了 AI 在多個設計面向的影響，包括其偽造作品集的能力，以及在資料視覺化中運用單色風格的趨勢。它提醒設計師需警惕 AI 帶來的挑戰，同時也鼓勵利用 AI 的潛力來探索創新的資料視覺化方法，以更清晰地傳達資訊。
- 原文連結：https://uxdesign.cc/ai-can-fake-your-portfolio-lower-latency-5-to-9-monochrome-dataviz-51af76de0552?source=rss----138adf9c44c---4
設計靈感與社群 (Design Inspiration & Community)
Brand & Identity (品牌與識別設計)
- 你如何視覺化地捕捉跳舞的感覺？Las Cabbalos 為 Public Records 設計的表現性社群識別（Can you visually capture how dancing feels? Inside Las Cabbalos’ expressive social identity for Public Records）
- 敘述：本文深入探討了設計工作室 Las Cabbalos 如何為 Public Records 創造出充滿動感與情感的社群視覺識別。這是一個極佳的品牌案例，展示了設計師如何透過抽象的視覺語言，精準捕捉並傳達某種感官體驗或品牌精神。
- 原文連結：https://news.google.com/rss/articles/CBMiqwFBVV95cUxNMTZkMXlyRDJscm1paEctU3hfdFFFclZHcWt0Y2dCQm12Sm95ZGxUNjJ4ckVoUmJtbDRCUGJiS2ZULV9hYTBlb2Q2SU9scDRxcGhudTJNYUlZM21KY2dtRzk2Z3E1YmFQOVExRi1mSlB4Q24xbVlYb3JqNVl2bUFuZ0NZVWxrM0xBUWlpNHVCei1NYnBLaEpxS1VUREpFU1Zzd3EyeHpzbWxzaEE?oc=5
- 「關鍵在於品牌的一致性」（“It’s about branding consistently”）
- 敘述：這篇文章強調了品牌一致性在建立強大品牌形象中的核心地位。對於品牌設計師而言，理解並實踐品牌在各個觸點上的統一性，是確保品牌訊息清晰傳達、提升品牌認知度與信任感的關鍵要素。
- 原文連結：https://news.google.com/rss/articles/CBMikgFBVV95cUxOWkVDZlk2UTVUVXNURlZydHlRWllmdks0Y0Q1ODQ3cmRQR2VlWEZNQml1VGRUM1g2ak5uTVVHX0tLajEyb2ZzbHhFMmZic0dUbXZxaTJEck1ScXZyTFNhU3NQOFNXM0dtQzJkZVlrZ3J0NDNEclB0VkkzYXV0cjE5MEt4MUdIc2VaSzdpMzlybjRHUQ?oc=5
- 這些奇特的寵物廣告讓我毛骨悚然（These bizarre pet ads are giving me the creeps）
- 敘述：文章評論了一系列以奇特手法呈現的寵物廣告，探討了它們如何透過非傳統的視覺與敘事來吸引目光。這對於廣告設計師和創意總監來說，提供了一個思考突破常規、挑戰觀眾感官界限的設計案例。
- 原文連結：https://www.creativebloq.com/design/advertising/these-bizarre-pet-ads-are-giving-me-the-creeps
- Kimori 工作室為 Kimori 打造俏皮抹茶咖啡館品牌（Kimori Studio Crafts Playful Matcha Cafe Branding for Kimori）
- 敘述：Kimori 工作室為一家抹茶咖啡館設計了充滿趣味且策略性的品牌識別，將抹茶綠融入包裝設計。這個案例展示了品牌設計如何透過獨特的視覺語言與色彩運用，為餐飲業創造出溫馨且具吸引力的形象。
- 原文連結：https://abduzeedo.com/kimori-studio-crafts-playful-matcha-cafe-branding-kimori/
- NevertoolateApparel 的極簡街頭服飾品牌（Minimalist Streetwear Branding for NevertoolateApparel）
- 敘述：本文介紹了 NevertoolateApparel 品牌如何透過極簡主義和高對比度的標誌設計，建立其獨特的街頭服飾識別。這對於品牌設計師來說，是一個關於如何在簡潔中展現強烈個性和態度的優秀範例。
- 原文連結：https://abduzeedo.com/minimalist-streetwear-branding-nevertoolateapparel/
- 我們在比利時館學到的沉浸式科技、粉絲體驗與敘事（What we learned about immersive tech, fan experiences and storytelling at Belgium House）
- 敘述：文章分享了在比利時館關於沉浸式科技、粉絲體驗和敘事手法的見解。這對於希望將創意科技應用於品牌活動或體驗設計的設計師而言，提供了寶貴的啟示，思考如何透過多感官互動來深化用戶連結。
- 原文連結：https://news.google.com/rss/articles/CBMihwFBVV95cUxQeFVTdDRLM0x2akVQWTEyZzNOMWM2eHJudEthX3l1bmFoSDlUUFdKQlA5WGRDNWdJRjFtTDRzbTdLemFpX0tzbHJhQ1RIaXJnc2Q4dHJtdHVzV3JpVWNuYTVCUkttZE9QQ3JXSDR1b2I1bHZMLTRlOXhoVkFrX1prUHJ2Qm5OamM?oc=5
設計系統與字體排印 (Design Systems & Typography)
Typography & Type Design (字體排印與字型設計)
- MarcoAurelio - 全新開放的襯線字體（MarcoAurelio-Nueva tipografía serif abierta）
- 敘述：Jose 創造了一款名為 MarcoAurelio 的全新開放襯線字體，其靈感源自羅馬書寫風格和斯多葛主義。這款字體包含大小寫字母和 ñ，同時保留了羅馬數字的一致性，為設計師提供了古典與現代結合的字型選擇。
- 原文連結：https://community.penpot.app/t/marcoaurelio-nueva-tipografia-serif-abierta/10760
- Perez Prado / Eddie Maynard 與其拉丁節奏 – 舞會專輯封面藝術（Perez Prado / Eddie Maynard and His Latin Rhythms – Dance Party album art）
- 敘述：此文展示了 Perez Prado 與 Eddie Maynard 的專輯封面藝術，其中的字體排印和平面設計風格充滿拉丁風情。對於尋求復古音樂設計或特定文化視覺風格靈感的設計師，這是一個富有代表性的視覺案例。
- 原文連結：https://news.google.com/rss/articles/CBMihgFBVV95cUxOQXFzZ1U1RUJUM2JQWjk3bURsYlZpYUZ4bVpJSjRpNjVpLW5DMWFIRjhaUTRXNG1WVExONXVCbFZVM1pXaFkwcU1xbUpWMG9OaUFhQ25Nc3R3YUNYaDlGNEx6azVuOTVoaU02b25TY3VwQXI0RldpaGo0bldTTzVaT2lJVVVRUQ?oc=5
- Petra – Petra Praise: The Rock Cries Out 專輯封面藝術（Petra – Petra Praise: The Rock Cries Out album art）
- 敘述：這張 Petra 專輯的封面藝術呈現了獨特的字體排印與視覺構成，反映了其音樂風格與時代背景。對於字體應用與平面設計史感興趣的設計師，這是一個研究不同時期視覺趨勢的有趣素材。
- 原文連結：https://news.google.com/rss/articles/CBMihgFBVV95cUxPZnRMTjhBU2gxY3JHMTVZSXIzMTV6dnVWTUMwS2lPc09nMnFkN3JRTmtuUmNzMzM4TVR6Ukt4T1BYRFhZdWJSbDZKWEdQblVGb3AtLXhlNFlMMkJQOGVxMC1DN1U4dHhoaGZ5Y0g2WVJlZC16d0NLb0M3UE9YZ3dsR2QyTUpmdw?oc=5
- Barbara Acklin – Someone Else’s Arms 專輯封面藝術（Barbara Acklin – Someone Else’s Arms album art）
- 敘述：Barbara Acklin 專輯封面中的字體排印風格，提供了對特定音樂類型和時期設計美學的見解。透過分析這些經典案例，設計師可以學習如何將字體與圖像結合，創造出具有敘事感的視覺作品。
- 原文連結：https://news.google.com/rss/articles/CBMihAFBVV95cUxOQ0JhaEktQkRaTGF3VVN6SkZUT3g1RmpZa3J0Rk5DSjJTdUhfMlRkWWtjckhCMlJnSmJYTG5LOEZVZGtTcWdfYldoX1QyOFlla2cyQ1VuazJfdmQ5b1lzMFNULXRQOC1waXlJY1VsdTJqZFdjeE94amYxdl9PSGF3dzlKX3A?oc=5
- Gutenburg 設計工作室為 Gutenburg 打造厚重字體排印（Gutenburg Design Studio Crafts Heavy Typography for Gutenburg）
- 敘述：Gutenburg 設計工作室為自家品牌打造了以「厚重字體排印」為核心的編輯識別，結合了歷史印刷的意象。這個案例展示了字體如何在品牌中扮演主導角色，創造出強烈且獨特的視覺風格，對品牌設計與字體選擇提供了啟示。
- 原文連結：https://abduzeedo.com/gutenburg-design-studio-crafts-heavy-typography-gutenburg/
English Daily Highlights
Today's design pulse reveals a strong pivot towards AI integration within core design workflows, particularly exemplified by Figma's latest announcements. The platform is rapidly becoming an AI-powered hub, with new features enabling AI-driven design QA and the intelligent construction of design systems directly on the canvas. These advancements signify a major shift, promising to streamline repetitive tasks, enhance design consistency, and free up designers to focus on higher-level creative and strategic thinking. The integration of an AI UX research agent further cements this trend, offering faster insights from user feedback.
Beyond tool updates, the philosophical underpinnings of UX design are being re-evaluated, as discussions emerge around moving "from frictionless to meaningful" experiences. This encourages designers to consider the value of deliberate friction in creating deeper, more engaging user interactions, challenging the long-held dogma of seamlessness. Relatedly, the "consciousness mirage in AI design" highlights the psychological impact of AI anthropomorphism on users, urging designers to craft AI interactions with careful consideration of perceived intelligence and empathy.
In branding and visual identity, there's a strong emphasis on expressive design, as seen in the visual identity behind Config 2026, which elegantly blends digital tools with human expression. Other notable examples include the vibrant social identity for Public Records and playful branding for a matcha cafe, both demonstrating how compelling visual narratives can capture abstract feelings or brand essences.
Web design continues to evolve with no-code tools like Webflow expanding their capabilities. The ability to integrate authentication, payments, and email delivery services with minimal coding empowers designers to build more functional and dynamic web applications. Lastly, typography remains a foundational element, with new open-source typefaces and analyses of album art showcasing how impactful font choices can define brand character and evoke specific moods. Overall, the design world is embracing AI as a powerful co-pilot while simultaneously deepening its understanding of human perception and emotive design.