2026-07-31 日報

✏️ 設計脈動日報 - 第 131 期 (2026-07-31)

🎯 焦點設計導讀

1. Gamma 能否取代 PowerPoint 和 Figma 進行產品簡報? (Can Gamma Replace PowerPoint and Figma for Product Presentations?)

分析段落:此文章探討了新工具 Gamma 作為產品簡報解決方案的潛力,挑戰了 Figma 和 PowerPoint 長期以來的組合。對於數位產品設計師而言,這不僅關乎工具效率的提升,更可能改變產品設計溝通的標準流程,促使我們重新評估現有工作流程並探索更整合的工具選項。

2. 超越 UI 設計:您可以使用 Claude Design 建立的三件事 (Beyond UI Design: 3 Things You Can Create with Claude Design)

分析段落:這篇文章揭示了 AI 工具 Claude Design 在 UI 設計之外的多元應用潛力,為設計師拓展了對 AI 輔助設計的想像。它提醒我們 AI 不僅是生產力的工具,更是一個創意夥伴,鼓勵設計師探索 AI 在概念發想、內容生成及跨領域應用上的更多可能性。

3. 賈可布法則:在 AI 將介面整合為單一聊天框時如何應用 (Jakob’s law: How to apply it as AI collapses surfaces into one chat box)

分析段落:在 AI 驅動的介面趨勢下,許多服務正被整合進對話式 AI 介面,這使得 Jakob’s Law(賈可布法則)的應用變得更為複雜。設計師需要理解如何在簡化的 AI 介面中,依然維持使用者對熟悉模式的依賴與操作直覺,這對於設計未來 AI 產品的使用者體驗至關重要。

4. 在 AI 世界中重新思考摩擦點 (Rethinking friction in an AI world)

分析段落:當 AI 不斷追求「無摩擦」的使用體驗時,這篇文章引導設計師反思適度的「摩擦點」在 UX 中的價值。理解何時應引入策略性摩擦,對於創造更具意義、可記憶且安全的使用者旅程至關重要,尤其在 AI 過度簡化流程可能導致資訊或決策缺失的場景下。

5. 企業將設計系統遷移至 Penpot 的指南 (The Enterprise Guide to Migrating Design Systems to Penpot)

分析段落:這份指南為企業級設計團隊提供了將現有設計系統遷移到開源工具 Penpot 的實用策略,特別強調了從 Figma 遷移的考量。對於擁抱開源生態或尋求工具靈活性的設計師而言,這是一個重要的里程碑,它證明了開源工具在處理複雜設計系統方面的成熟度與潛力。

6. 頂尖設計師正在轉向的新 UX/UI 趨勢! (New UX/UI Trends That Top Designers Are Switching To!)

分析段落:此文匯總了 2026 年下半年頂尖設計師們正在採用的最新 UX/UI 趨勢,涵蓋了視覺風格與工作流程的變化。對於數位產品設計師來說,這是一份寶貴的趨勢指南,有助於他們洞察行業動向,將最新的設計語言和互動模式融入自己的專案,保持設計的前瞻性與競爭力。

7. 使用 GSAP 建立具視差和翻轉轉場的無限捲動圖庫 (Building an Infinite GSAP Scroll Gallery with Parallax and Flip Transitions)

分析段落:這篇技術文章深入探討了如何利用 GSAP 函式庫來創建兼具視差效果與流暢翻轉轉場的無限捲動圖庫。對於追求卓越網頁視覺與互動體驗的設計師及前端開發者而言,這提供了具體的實作範例,能夠啟發他們設計出更具動態感和吸引力的網頁介面。

🔬 精細分類

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

  • Penpot 是否考慮新增像 Figma 一樣的動態支援? (Would you consider adding motion support like Figma?)
    Penpot 社群的討論指出使用者對該工具增加像 Figma 般的動態設計功能有高度期待,包括位置、縮放、大小等動畫支援。這顯示了互動設計在設計工具生態中的重要性,以及開源設計工具 Penpot 積極追趕主流功能,以滿足設計師對更豐富介面動態表現的需求。
  • 原文連結https://community.penpot.app/t/would-you-consider-adding-motion-support-like-figma/10766

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

  • 無障礙悖論 (The accessibility paradox)
    本文探討了無障礙設計的一個有趣悖論:當網站變得對人類更易於存取時,也同時變得對機器更易於理解。這對於設計師來說是個重要的提醒,我們在實踐無障礙設計時,必須同時考量其可能對自動化爬蟲的影響,並在使用者友善與防範惡意行為之間取得平衡。
  • 原文連結https://uxdesign.cc/the-accessibility-paradox-d2c073256660?source=rss----138adf9c44c---4

Web Design Trends (網頁設計趨勢)

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

  • 我建立了 8bit/cnlibs - 一個 8 位元風格的 shadcn/ui 元件庫 (I created 8bit/cnlibs - an 8bit shadcn/ui component library)
    這篇文章展示了一個創意性的前端實踐,將經典的 8 位元像素藝術風格與現代的 shadcn/ui 元件庫結合。對於網頁設計師和前端開發者而言,這不僅提供了獨特的視覺元件靈感,也展現了如何透過技術棧實現特定美學風格的創新。
  • 原文連結https://www.reddit.com/r/web_design/comments/1vay0j2/i_created_8bitcnlibs_an_8bit_shadcnui_component/

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

  • LinkedIn 確實新增了「似乎是 AI 內容」按鈕 (LinkedIn actually adds a ‘seems like AI slop’ button)
    LinkedIn 推出「似乎是 AI 內容」的舉報按鈕,反映了社群媒體平台應對 AI 生成內容泛濫的趨勢。對於設計師而言,這不僅是了解 AI 內容辨識機制的機會,也關乎如何設計更透明、可信任的使用者介面,以及在創作時思考 AI 內容的倫理與真實性。
  • 原文連結https://www.theverge.com/ai-artificial-intelligence/973384/linkedin-seems-like-ai-slop-button

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

  • Tyla 因新動畫音樂影片被指控大量使用 AI (Tyla hit with heated AI allegations over new animated music video)
    這則新聞揭示了歌手 Tyla 的動畫音樂影片因被指控大量使用 AI 而引發爭議,凸顯了 AI 在創意產業中道德與藝術原創性的緊張關係。對於設計師和視覺創作者來說,這是一個關於 AI 工具應用邊界、藝術家角色轉變以及作品版權歸屬的持續性討論。
  • 原文連結https://www.creativebloq.com/ai/tyla-hit-with-heated-ai-allegations-over-new-animated-music-video

Creative Technology (創意科技應用)

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

  • 每週設計師更新 #567 (Weekly Designers Update #567)
    Muzli 的這份每週更新集結了熱門專案、必備工具和具突破性的產品,為設計師提供最新的靈感來源。對於尋求創意啟發或想了解最新設計趨勢的設計師來說,這是一份便捷的資源,能幫助他們保持設計視野的廣闊性與前瞻性。
  • 原文連結https://medium.muz.li/weekly-designers-update-567-08d06a8ddbdd?source=rss----5969bf7021a3---4
  • 客戶因為我報價 100 美元而自行建置登陸頁 (Client built the landing page himself because I quoted $100)
    這篇社群討論分享了一位設計師因報價較低而客戶選擇自行建站的經歷。它反映了自由接案設計師在報價、客戶期望管理和專案範圍界定上的常見挑戰,為其他設計師提供了思考自身商業模式和溝通策略的實用啟示。
  • 原文連結https://www.reddit.com/r/web_design/comments/1vavy3s/client_built_the_landing_page_himself_because_i/
  • 在開始工作前,您如何從新客戶那裡收集所有所需資料? (How do you collect everything you need from a new client before starting work?)
    此文章討論了設計師在專案啟動階段,如何有效地從新客戶那裡收集必要資訊和檔案。對於提升專案效率與客戶溝通品質而言,這是一個實用的議題,它促使設計師思考如何優化入職流程,減少因資訊不足而導致的專案延誤。
  • 原文連結https://www.reddit.com/r/web_design/comments/1vaicu4/how_do_you_collect-everything-you-need-from-a-new-client-before-starting-work/
  • 僅是一個簡單的登陸頁 (Just a simple landing page)
    這篇社群貼文生動地描繪了設計師常常面對的「簡單需求背後隱藏複雜專案」的挑戰。它提醒設計師在專案初期,必須更深入地挖掘客戶的真實需求,並有效溝通潛在的技術複雜性,避免專案範圍膨脹導致預期落差。
  • 原文連結https://www.reddit.com/r/web_design/comments/1vasdps/just_a_simple_landing_page/

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

  • Adrian Pelletier 的幾何風景插畫:向量網格 (Geometric Landscape Illustration Adrian Pelletier: Vector Grids)
    這篇展示了 Adrian Pelletier 透過向量網格創作的幾何風景插畫,作品以清晰的向量構圖和引人注目的復古漸變為特色。對於尋求視覺靈感的設計師而言,這提供了一個將嚴謹的幾何比例與平面設計相結合,創造出獨特視覺風格的範例。
  • 原文連結https://abduzeedo.com/geometric-landscape-illustration-adrian-pelletier-vector-grids/
  • The Woork Studio 為 Moodly 設計優雅現代的品牌識別 (The Woork Studio Designs Elegant Modern Branding for Moodly)
    The Woork Studio 為 Moodly 設計了一套極簡而優雅的品牌視覺識別,結合了戰略性品牌思維與簡潔的包裝佈局。這對於品牌設計師來說是一個值得參考的案例,展示了如何透過清晰的圖形識別,傳達現代感與精緻度。
  • 原文連結https://abduzeedo.com/woork-studio-designs-elegant-modern-branding-moodly/
  • Yago Ferreira 為 Russells 設計現代視覺品牌 (Yago Ferreira Designs Modern Visual Branding for Russells)
    設計師 Yago Ferreira 與 Lukas Martins 共同為 Russells 重新設計了現代視覺品牌,強調簡約的圖形識別與策略性的品牌整合。這項設計實踐證明了清晰、現代的品牌形象如何在競爭激烈的市場中脫穎而出,為設計師提供了品牌重塑的靈感。
  • 原文連結https://abduzeedo.com/yago-ferreira-designs-modern-visual-branding-russells/
  • Torso Electronics 實現了流線型現代品牌系統 (Torso Electronics Achieves Sleek Modern Branding System)
    Torso Electronics 藉由 Tim Tijink 和 Ozon Studio 的設計,成功打造了一套精緻流線型的現代品牌系統。這案例說明了透過極簡佈局和策略性品牌塑造,如何為科技產品賦予強烈的視覺識別,對品牌系統設計師極具參考價值。
  • 原文連結https://abduzeedo.com/torso-electronics-achieves-sleek-modern-branding-system/
  • AIntegrator Studio 為 AIntegrator 打造未來主義品牌 (AIntegrator Studio Crafts Futuristic Branding for AIntegrator)
    AIntegrator Studio 為 AIntegrator 科技平台創造了前瞻性的品牌識別,以發光的暗色 UI 包裝設計為特色。這項專案展示了如何利用模組化設計和視覺策略,塑造一個具科技感和未來感的品牌形象,對於設計師探索新興科技品牌的視覺呈現具有啟發意義。
  • 原文連結https://abduzeedo.com/aintegrator-studio-crafts-futuristic-branding-aintegrator/

English Daily Highlights

Today's design pulse reveals a strong focus on the evolving landscape of design tools, the profound impact of AI on user experience, and the continuous refinement of design systems and web visuals.

A significant theme is the rise of new design tools like Gamma, which challenges the traditional Figma + PowerPoint workflow for product presentations, pushing designers to reconsider efficiency and integration in their daily tasks. Alongside this, the capabilities of AI in design are expanding rapidly, as seen with Claude Design moving beyond mere UI generation to broader creative applications, prompting designers to explore AI as a collaborative creative partner.

The integration of AI also forces a re-evaluation of fundamental UX principles. Articles discuss how Jakob’s Law applies to conversational AI interfaces, emphasizing the need to maintain user familiarity even as surfaces collapse into chat boxes. Furthermore, the concept of "friction" in UX is being rethought; designers are urged to consider when strategic friction can lead to more meaningful and memorable user journeys in an increasingly frictionless AI world. The "accessibility paradox" also highlights the dual nature of making websites accessible for humans and machines, underscoring the need for balanced design choices.

In terms of design systems and open-source tools, a comprehensive guide for migrating enterprise design systems to Penpot marks a notable step forward for open-source alternatives, suggesting growing maturity and capability for handling complex design infrastructure. The community's call for motion support in Penpot, similar to Figma, further indicates the increasing demand for advanced interactive design capabilities across all platforms.

Finally, the design community is keeping a close eye on emerging UX/UI trends, embracing cinematic 3D carousels and evolving visual styles. Web design continues to push boundaries with advanced front-end techniques, exemplified by building infinite scroll galleries with parallax and flip transitions using GSAP. Brand and identity design also showcases numerous examples of modern, minimalist, and futuristic branding, reflecting diverse aesthetic approaches in the current market. These discussions collectively underscore the dynamic nature of the design profession, requiring designers to adapt to new tools, rethink core principles in an AI context, and continuously seek inspiration from evolving trends and technologies.