✏️ 設計脈動日報 - 第 042 期 (2026-05-12)

焦點設計導讀

1. 提示非介面、將消失的 UI 模式，以及如何讓 Claude 遵循你的設計…（Prompt is not interface, UI patterns that won’t survive, how to make Claude follow your design…）

分析段落：這篇文章深刻探討了 AI 時代下，提示指令（Prompt）與使用者介面（UI）之間的核心差異，並預測了某些現有 UI 模式可能面臨的淘汰命運。對於數位產品設計師而言，理解如何將設計系統與 AI 工具（如 Claude）結合，確保 AI 產出的設計符合既有規範，是未來工作流程中極為關鍵的挑戰與機會。
- 原文連結：https://uxdesign.cc/prompt-is-not-interface-ui-patterns-that-wont-survive-how-to-make-claude-follow-your-design-0ce6ac741796?source=rss----138adf9c44c---4

2. 在 AI 世界中重新思考以雙手進行設計（Rethinking design with your hands in the AI world）

分析段落：在生成式 AI 盛行的時代，這篇文章提醒設計師，人類的「思考之手」和實際動手操作的工藝價值仍不可取代。它鼓勵設計師不應盲目依賴 AI 自動化，而是要重新審視設計過程中的思考深度與觸感，這對於保持設計的獨特性和人性化至關重要。
- 原文連結：https://uxdesign.cc/rethinking-design-with-your-hands-in-the-ai-world-b8d4adf3322c?source=rss----138adf9c44c---4

3. 探索是 AI 回饋的工作（Discovery is the work AI gives back）

分析段落：這項麥肯錫研究指出，AI 的真正價值不應僅限於提高生產力，更在於協助團隊進行產品開發初期的「探索」工作。對於產品設計師而言，這意味著 AI 將在發掘新機會、理解用戶需求和定義問題上扮演更重要的角色，從而提升產品的策略價值。
- 原文連結：https://uxdesign.cc/discovery-is-the-work-ai-gives-back-d2a429b64bcc?source=rss----138adf9c44c---4

4. 有人覺得 AI/情感編碼讓他們跳過了重要的設計基本原則嗎？（Anyone else feel like AI/vibe coding is making them skip important design fundamentals?）

分析段落：這篇文章來自設計師社群的真實討論，反映了許多初階設計師在使用 AI 輔助設計工具時的普遍擔憂。它促使設計界思考 AI 效率提升的同時，如何確保設計師仍然能紮實學習和應用設計基本原則，避免基礎技能的流失。
- 原文連結：https://www.reddit.com/r/UI_Design/comments/1t9xdr0/anyone_else_feel_like_aivibe_coding_is_making/

5. 如何彌補設計與原型之間的差距（How to fix the gap between design and prototype）

分析段落：這則社群討論直接點出了設計師在線框圖到原型製作，再到開發交付過程中常見的斷層問題。理解並解決這個痛點，對於提升設計工作流程的效率、減少返工，並確保設計意圖在最終產品中得以實現具有實務價值。
- 原文連結：https://www.reddit.com/r/web_design/comments/1t9v78d/how_to_fix_the_gap_between_design_and_prototype/

6. Le:mma Studio：在螢幕後建構感受（Le:mma Studio: Building the Feeling Behind the Screen）

分析段落：這篇文章介紹了 Le:mma Studio 如何透過節奏、氛圍和數位工藝，打造出具有電影感、情感深度且充滿人性的網頁體驗。這對於網頁設計師來說，是突破傳統功能性思維，探索網頁情感化設計與沉浸式互動的極佳靈感來源。
- 原文連結：https://tympanus.net/codrops/2026/05/11/lemma-studio-building-the-feeling-behind-the-screen/

精細分類

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

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

• 關於如何設計定價頁面的問題（Question on how to design a /pricing page）
• 這則貼文探討了如何設計一個有效的定價頁面，這對於任何提供服務或產品的數位產品來說都至關重要。設計師需要考慮資訊架構、視覺層次和心理誘因，以引導使用者做出購買決策。

• 原文連結：https://www.reddit.com/r/web_design/comments/1tab5xa/question_on_how_to_design_a_pricing_page/

• 評估公司作品範例 — 電子商務（Assessing a companies work examples - E-commerce）

• 這篇文章討論了評估電子商務網站設計效能的工具和分析系統，對於尋找 Shopify 電商設計合作夥伴的企業來說極具價值。設計師應關注技術 SEO、關鍵字研究和使用者體驗，以確保網站的商業成功。
• 原文連結：https://www.reddit.com/r/web_design/comments/1ta7s08/assessing_a_companies_work_examples_ecommerce/

Interaction & Motion Design (互動與動態設計)

• 我的書籤 iOS 應用程式的 UI 變更，你覺得如何？（UI change in my bookmark iOS app, what do you think?）
• 這是一個關於 iOS 應用程式 UI 迭代的社群討論，顯示了設計師對於細節改進和使用者回饋的重視。對於設計師而言，這類實時的 UI 變更和社群審核能提供寶貴的實務經驗與見解，以提升互動設計的品質。

• 原文連結：https://www.reddit.com/r/UI_Design/comments/1ta8gwr/ui_change_in_my_bookmark_ios_app_what_do_you_think/

• 有沒有什麼好方法可以即時進行 UI 和元件客製化？（Are there any good ways to do some ui and component customizations on the fly）

• 這則討論探索了即時 UI 和元件客製化的可能性，超越了傳統的深色模式或顏色主題設定。對於設計師來說，這涉及動態設計系統的思考和高度彈性的介面構築，旨在提供更個人化和適應性強的使用者體驗。
• 原文連結：https://www.reddit.com/r/UI_Design/comments/1t9w260/are_there_any_good_ways_to_do_some_ui_and/

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

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

• ComfyUI v0.21.0（v0.21.0）
• ComfyUI 發佈了 v0.21.0 版本，主要改進了視訊載入節點，使其能同時讀取音訊和視訊。對於使用 ComfyUI 進行視覺創作的設計師而言，這個更新提升了處理多媒體內容的效率，為動態設計和生成式藝術工作流程帶來便利。

• 原文連結：https://github.com/Comfy-Org/ComfyUI/releases/tag/v0.21.0

• Mira Murati 的 AI 公司正在做什麼（Here’s what Mira Murati’s AI company is up to）

• 前 OpenAI 技術長 Mira Murati 創辦的 AI 公司 Thinking Machines 正在開發「互動模型」，旨在讓人們以更自然的方式與 AI 協作，透過音訊、視訊等多模態輸入。這將對未來的 AI 介面設計和人機互動模式產生深遠影響，為設計師帶來新的挑戰與機遇。

• 原文連結：https://www.theverge.com/ai-artificial-intelligence/928309/mira-murati-thinking-machines-ai-interaction-model

• 用英文與 AI 溝通能以更少代幣完成更多事（Hablarle en inglés a la IA te permite hacer más con menos tokens）

• 這篇文章指出使用英文與 AI 互動能提高提示工程的效率，以更少的「代幣」（tokens）完成更多任務。對於依賴 AI 進行內容生成或輔助設計的設計師而言，這是一個實用的技巧，有助於最佳化成本並提升工作流程效率。

• 原文連結：https://www.reddit.com/r/web_design/comments/1ta7iso/hablarle_en_inglés_a_la_ia_te_permite_hacer_más/

• 為家庭使用設計的自定義網頁使用者介面（Custom webUI for family use）

• 這則貼文展示了為 ComfyUI 建立自定義網頁介面的案例，強調了 AI 工具的易用性與個人化需求。對於設計師來說，這啟發了如何為複雜的 AI 後端設計直觀且客製化的前端，讓非專業使用者也能輕鬆應用 AI 技術。
• 原文連結：https://www.reddit.com/r/comfyui/comments/1taeq5p/custom_webui_for_family_use/

Generative Art & Visual AI (生成式藝術與視覺 AI)

• 角色 Lora 總是在任何地方只生成某個特定角色，如何解決？（Character Lora generates ONLY THAT ONE particular character everywhere how to fix that?）
• 這篇貼文探討了在使用 ComfyUI 搭配 Lora 模型生成特定角色時遇到的常見問題，即角色過度泛化。對於生成式藝術設計師而言，理解並解決這類模型限制，是掌握精確控制 AI 藝術創作的關鍵挑戰。

• 原文連結：https://www.reddit.com/r/comfyui/comments/1t9yi3l/character_lora_generates_only_that_one_particular/

• qwen 圖像 + Z 圖像的組合（The combination of qwen image + Z image）

• 這則貼文展示了在 ComfyUI 中結合 qwen 和 Z 圖像的工作流程，用於生成日式電影風格的圖像提示。這為視覺設計師和藝術家提供了進階的 AI 圖像生成技術組合，能夠創造出更具風格化和專業感的視覺內容。

• 原文連結：https://www.reddit.com/r/comfyui/comments/1t9vpn2/the_combination_of_qwen_image_z_image/

• ComfyStudio Pro 中的音樂影片工作流程：從歌曲到關鍵影格再到生成編輯（Music video Workflow in ComfyStudio Pro: Song to Keyframes to Generated Edit）

• 這篇文章分享了在 ComfyStudio Pro 中將歌曲轉換為關鍵影格，再進行生成式編輯的音樂影片工作流程。對於動態設計師和創意影像工作者來說，這是一個利用 AI 實現音樂視覺化的創新方法，極大提升了影片製作的效率和創意可能性。

• 原文連結：https://www.reddit.com/r/comfyui/comments/1taf2yy/music_video_workflow_in_comfystudio_pro_song_to/

• 我一直很享受這個 Inpaint 工作流程，想與大家分享。（I've been having so much fun with this Inpaint workflow I wanted to share. Flux Klien 4b, Klein 4b outpaint lora, Inpaint crop node, you can also invert the Florence2&Sam2 mask and keep only that item or bypass it and draw your own mask…）

• 這篇貼文詳細介紹了一個高效的 Inpaint（圖像修復與擴展）工作流程，使用了 Flux Klien 4b 和 Klein 4b outpaint Lora 等工具。對於圖像創作者和 AI 藝術家來說，這種技術組合提供了精細控制圖像編輯與生成的能力，大大提升了圖像處理的靈活性。

• 原文連結：https://www.reddit.com/r/comfyui/comments/1t9r6tp/ive_been_having_so_much_fun_with_this_inpaint/

• 奇幻風景（Fantasy Landscapes）

• 這是一組透過 Midjourney AI 生成的奇幻風景圖像，展示了 AI 在創造虛擬世界和概念藝術方面的強大能力。這些圖像為環境設計師和插畫師提供了豐富的視覺靈感，激發他們探索更廣闊的創意可能性。

• 原文連結：https://www.reddit.com/r/midjourney/comments/1ta7v4q/fantasy_landscapes/

• 美國夢（American Dreams）

• 這組 Midjourney 生成的圖像以「美國夢」為主題，透過 AI 的解讀呈現出多樣化的視覺敘事。對於概念藝術家和故事板設計師而言，這類作品展示了 AI 如何幫助快速探索和可視化抽象概念，提供豐富的設計參考。

• 原文連結：https://www.reddit.com/r/midjourney/comments/1ta845q/american_dreams/

• 歡迎來到未來（Welcome To The Future）

• 這是一系列由 Midjourney 創作的未來主題圖像，以視覺化的方式呈現了對未來世界的想像。這些生成式藝術作品為科幻藝術、遊戲和電影的概念設計師提供了前瞻性的視覺靈感，激發他們構建獨特的未來場景。

• 原文連結：https://www.reddit.com/r/midjourney/comments/1tabg9i/welcome_to_the_future/

• 治療者（Healers）

• 這組 Midjourney 圖像以「治療者」為題，展示了 AI 在描繪角色和情境方面的創意。對於角色設計師和奇幻題材的插畫家而言，這些圖像提供了豐富的人設和氛圍靈感，有助於探索不同風格的視覺表現。

• 原文連結：https://www.reddit.com/r/midjourney/comments/1ta2n3v/healers/

• 漢尼拔征服斯瓦爾巴（Hannibal conquering Svalbard）

• 這張由 Midjourney 生成的圖像結合了歷史人物漢尼拔與極地地貌斯瓦爾巴，創造出一個富有想像力的對比場景。對於概念藝術和敘事設計師來說，這展示了 AI 如何能夠將不相關的元素巧妙結合，創造出引人入勝的視覺故事。
• 原文連結：https://www.reddit.com/r/midjourney/comments/1ta5370/hannibal_conquering_svalbard/

Creative Technology (創意科技應用)

• Unreal Engine 5 如何幫助 Thick As Thieves 打造其華麗的魔法龐克世界（How Unreal Engine 5 helped Thick As Thieves build its gorgeous magic-punk world）
• 這篇文章深入探討了遊戲工作室 Thick As Thieves 如何利用 Unreal Engine 5 及其 Lumen 照明系統，來建構一個受愛丁堡啟發的華麗魔法龐克世界。對於互動設計師和創意科技工作者而言，這展示了高端引擎在視覺藝術和環境設計中的應用潛力。
• 原文連結：https://www.creativebloq.com/3d/video-game-design/how-unreal-engine-5-helped-thick-as-thieves-build-its-gorgeous-magic-punk-world

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

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

• 蘋果確實想成為水果標誌之王（Apple really wants to be king of the fruit logos）
• 這篇文章討論了蘋果公司在商標保護方面的積極態度，特別是對於「水果標誌」的定義和限制。這對於品牌設計師而言，是理解商標策略、品牌資產保護以及如何避免潛在法律糾紛的重要案例，彰顯了品牌識別的重要性。

• 原文連結：https://www.creativebloq.com/design/logos-icons/apple-really-wants-to-be-king-of-the-fruit-logos

• 韓高設計的共情博物館品牌識別（Empathy Museum Branding by Han Gao）

• 韓高為共情博物館設計的品牌識別以漢字「同」為靈感，將其骨架轉化為幾何且雙語的標誌。這種設計手法展示了如何將文化符號巧妙地融入現代品牌識別，創造出既有深度又具辨識度的視覺語言。

• 原文連結：https://abduzeedo.com/empathy-museum-branding-han-gao/

• BRYN：一套完整的咖啡館品牌識別（BRYN: A Complete Coffee House Brand Identity）

• OHDUDI 為 BRYN 咖啡館打造的完整品牌識別，運用深紅色與極大尺寸的粗襯線字體，建構出獨特的視覺系統。這套設計展示了如何透過大膽的色彩選擇和字體運用，從零開始塑造一個富有記憶點的品牌形象。
• 原文連結：https://abduzeedo.com/bryn-complete-coffee-house-brand-identity/

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

Design Systems & Tokens (設計系統與 Design Tokens)

• 2026 年第 19 週最佳：為承載而建的系統（Best of Week 19 2026: Systems Built to Hold）
• 這篇文章展示了 2026 年第 19 週的十個最佳設計專案，其中「系統本身即是創意行為」。對於設計系統的實踐者而言，這提供了豐富的案例，說明如何將系統思維融入品牌識別、包裝設計等多元領域，實現創新與一致性。
• 原文連結：https://abduzeedo.com/best-week-19-2026-systems-built-hold/

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

• Postamp Grotesk：Fontfabric 的一款緊縮無襯線字體（Postamp Grotesk: A Condensed Sans Serif Typeface by Fontfabric）
• Fontfabric 推出的 Postamp Grotesk 是一款受美國郵票字形啟發的緊縮無襯線字體，涵蓋五種字重並支援西里爾字母。這對於字體設計師和平面設計師來說，提供了一款具有歷史底蘊且功能多樣的字體，適用於需要強烈視覺衝擊和空間效率的排版。
• 原文連結：https://abduzeedo.com/postamp-grotesk-condensed-sans-serif-typeface-fontfabric/

English Daily Highlights

Today's design landscape is significantly shaped by the evolving role of AI, pushing designers to redefine their craft and workflow. A major theme emerging is the critical distinction between AI prompts and actual user interfaces, alongside a discussion on how AI could render certain UI patterns obsolete. Designers are challenged to integrate AI tools like Claude effectively into existing design systems, ensuring brand consistency and design intent are maintained. This prompts a deeper reflection on the enduring value of human touch in design, emphasizing that while AI boosts productivity, the "thinking hand" of the creator remains paramount for true grit and soul in design.

Beyond efficiency, AI is increasingly recognized for its contribution to strategic "discovery" in product development, rather than merely accelerating existing tasks. This offers product designers new avenues for identifying opportunities and understanding user needs. However, the rapid adoption of AI also sparks concern within the design community, particularly among junior designers, who fear skipping fundamental design principles due to over-reliance on "vibe coding" tools. This highlights a crucial need for educational frameworks that balance AI proficiency with foundational design mastery.

In practical workflow, the persistent "gap between design and prototype" continues to be a hot topic, with designers actively seeking solutions to streamline the transition from wireframes to developer-ready assets. On the web design front, innovative studios like Le:mma Studio are pushing boundaries by creating cinematic and emotionally rich web experiences, demonstrating how digital craft can evoke deep human feelings.

AI design tools are seeing continuous updates, with ComfyUI releasing enhancements for video processing and former OpenAI CTO Mira Murati’s new venture focusing on "interaction models" for more natural human-AI collaboration. The generative art space remains vibrant, with various ComfyUI workflows shared for character generation, specific image styles (like Japanese film), and advanced inpainting techniques, along with a constant stream of imaginative AI-generated art from Midjourney. Finally, branding and typography continue to evolve, with new typefaces inspired by historical forms and compelling brand identity projects that leverage cultural symbols and bold visual systems.