✏️ 設計脈動日報 - 第 177 期 (2026-09-09)
焦點設計導讀
1. Adobe 推出秘密新設計工具，開放申請測試 (Adobe Has a Secret New Design Tool—and You Can Apply to Test It)
分析段落：Adobe 正在悄悄測試一款名為 Project Oasis 的全新網路設計工具，這預示著業界領先的設計軟體巨頭將再次在雲端協作設計領域發力。對於數位產品設計師而言，這意味著未來可能有新的工作流程與工具整合機會，尤其是在面對 Figma 等競爭者時，Adobe 的策略佈局值得密切關注。
2. Canva 每月悄然發佈近一百萬個網站 (Canva Is Quietly Publishing Nearly 1 Million Websites a Month)
分析段落：Canva 不再僅限於簡報和社群媒體貼文，其在無程式碼（No-Code）網站建構領域的驚人成長，顯示出大眾化設計工具正逐步侵蝕傳統網頁設計市場。這股趨勢促使設計師思考如何提升自身價值，可能需要將重心放在更複雜的互動設計、客製化品牌體驗或結合前端技術，以應對簡單網站製作門檻降低的挑戰。
3. ChatGPT 草圖功能將您的拙劣繪圖轉化為精細的 AI 圖像 (ChatGPT Sketch turns your bad drawings into detailed AI images)
分析段落：OpenAI 新推出的 ChatGPT Images 2.5 中的 Sketch 功能，讓使用者能透過簡單手繪草圖快速生成詳細的 AI 圖像，大幅降低了視覺創作的門檻。對於設計師而言，這是一個強大的初期發想和概念驗證工具，能將粗略的想法迅速視覺化，加速設計迭代過程，但同時也考驗設計師如何指導 AI 產出更具創意和符合品牌規範的成果。
4. GPT-6 Astra 與 Opus 5：哪一個更適合產品設計？(GPT-6 Astra vs Opus 5: Which one is better for product design?)
分析段落：隨著 AI 模型不斷演進，針對產品設計特定需求進行模型選擇成為關鍵議題。這篇文章探討了 GPT-6 Astra 和 Opus 5 在產品設計應用中的優劣，對於希望利用 AI 提升效率的設計師而言，深入了解不同 AI 模型在使用者研究、介面生成或內容撰寫等方面的表現差異，將有助於做出更明智的工具選擇，優化工作流程。
5. 大多數 AI 問題實質上是人類問題 (Most AI problems are really human problems)
分析段落：這篇文章深刻指出，AI 系統在設計與應用中遇到的許多問題，其根源往往在於人類對於意圖、監督、情境、語言與期望的處理不當。對於數位產品設計師來說，這是一個重要的提醒，強調了以人為本的設計原則在 AI 時代的持續重要性，促使我們在導入 AI 時更注重流程的透明度、使用者心理模型與倫理考量。
6. Runway AI 營收達 2 億美元並擴展機器人能力 (Runway AI Hits $200 Million Revenue and Expands Robotics Capabilities)
分析段落：Runway AI 在影片工具需求推動下實現了顯著的營收增長，並積極擴展機器人技術應用，這反映了 AI 在創意產業，特別是動態影像和視覺特效領域的巨大潛力。對於動態設計師和視覺藝術家而言，Runway AI 的發展趨勢預示著未來工具將更加智慧化、自動化，提供前所未有的創作可能性，但也要求設計師不斷學習新技術以適應產業變革。
7. 使用 Three.js、WebGPU 和 TSL 打造無限液態玻璃格線 (Building an Infinite Liquid Glass Grid with Three.js, WebGPU, and TSL)
分析段落：這篇文章深入探討了如何利用 Three.js、WebGPU 和 TSL 構建引人入勝的無限液態玻璃格線效果，展現了網頁前端視覺技術的最新前沿。對於互動設計師和前端開發者而言，這不僅提供了高階視覺效果的實現方法，也啟示了如何在現代瀏覽器中創造更具沉浸感和動態感的網頁體驗，推動設計與技術的融合。
8. 連字號已有近 2,000 年歷史—設計師仍無法就其外觀達成共識 (The Ampersand Is Nearly 2,000 Years Old — And Designers Still Can’t Agree How It Should Look)
分析段落：連字號（&）作為一個歷史悠久的符號，其多樣化的設計演變和至今仍無統一標準的現象，凸顯了字體排印和字型設計的豐富性與主觀性。這篇文章提醒設計師在選擇或設計字體時，除了功能性，也應考量其文化背景、視覺美感及如何在不同語境中傳達訊息，對於理解字體在品牌識別與介面設計中的微妙影響具有啟示意義。
精細分類
設計工具與 UI/UX (Design Tools & UI/UX)
Design Tools Updates (設計工具動態：Figma、Sketch、Penpot 等)
- Penpot 桌面應用程式中的 AI 文件按鈕 (AI Docs button in Penpot Desktop App)
這篇文章探討了開源設計工具 Penpot 桌面應用程式中出現的 AI 文件按鈕，引發了使用者對於其功能、數據處理和隱私的疑問。對於設計師而言，這顯示了 AI 功能正逐步整合到各種設計工具中，同時也凸顯了開源社群對這些新功能透明度和用戶控制權的重視。 -
原文連結：https://community.penpot.app/t/ai-docs-button-in-penpot-desktop-app/10872
-
這款免費應用程式有望成為紋理繪製軟體的 Blender (This free app could become the Blender of texture painting software)
這款開源且輕量級的免費紋理繪製應用程式，被譽為可能成為紋理繪製領域的 Blender，為設計師提供了 Adobe Substance Painter 以外的替代方案。它強調了開源工具在 3D 設計工作流程中的潛力，能讓更多設計師接觸專業級的紋理創作，降低成本並促進創新。 - 原文連結：https://www.creativebloq.com/3d/3d-software/this-free-app-could-become-the-blender-of-texture-painting-software
UI/UX Research & Methods (使用者研究與設計方法論)
- 以人為本自動化的持續性教訓 (Persistent lessons in human-centered automation)
這篇文章透過對 1980 年代影印機的研究回溯，探討了以人為本的自動化設計在當代代理式使用者體驗（Agentic UX）時代的持久教訓。它提醒設計師，無論技術如何進步，理解人類行為、認知限制以及人機互動的心理學基礎，對於創造有效且令人滿意的自動化系統至關重要。 -
如果您能將設計流程外部化，就能贏回時間 (If you can externalize your design process, you can win back your time)
這篇文章探討了如何透過外部化設計流程來提高效率、贏回寶貴時間的策略，特別是透過將設計深度明確地傳達給團隊和組織。對於產品設計師來說，這強調了清晰的溝通和文件記錄對於協作的重要性，不僅能減少誤解，還能讓設計師更專注於核心的創意與問題解決。 - 原文連結：https://uxdesign.cc/if-you-can-externalize-your-design-process-you-can-win-back-your-time-59c531521346?source=rss----138adf9c44c---4
Interaction & Motion Design (互動與動態設計)
- 背景格線與格線佈局：有何不同？(Background grids vs grid layouts: what’s the difference?)
這篇文章清晰地解釋了背景格線（手動參考線）與格線佈局（自動化、響應式且支援 CSS 輸出）之間的根本差異。對於 UI/UX 設計師而言，理解這兩種格線的使用情境至關重要：背景格線適用於固定排版，而格線佈局則為響應式設計和與前端開發協作提供了更強大、更靈活的自動化工具。 -
原文連結：https://community.penpot.app/t/background-grids-vs-grid-layouts-what-s-the-difference/10874
-
網頁設計：Locomotive 公司網站 (Web Design: Locomotive Agency Website by Locomotive)
Locomotive 公司為自己的網站打造了一個充滿企圖心的網頁設計，結合了流暢的慣性捲動機制與大膽的字體排印。這個案例展示了如何透過精心設計的互動效果和視覺層次，創造出既具藝術感又高度專業的品牌形象網站，為網頁互動設計提供了優秀的靈感。 - 原文連結：https://abduzeedo.com/web-design-locomotive-agency-website-locomotive/
網頁設計與前端 (Web Design & Frontend)
No-Code & Site Builders (無程式碼工具：Framer、Webflow 等)
- Lewius：Kanvas Studio 製作的響應式作品集網站模板 - Framer (Lewius: Responsive Portfolio Website Template by Kanvas Studio - Framer)
這是一款由 Kanvas Studio 在 Framer 平台上設計的響應式作品集網站模板，提供了一個現代且專業的基礎，讓設計師能快速建立個人作品展示網站。它強調了無程式碼工具在快速原型製作和個人品牌建立方面的效率，讓設計師能更專注於內容和視覺呈現。 -
Growixx：Mehanuz Meghla 製作的免費個人網站模板 - Framer (Growixx: Free Personal Website Template by Mehanuz Meghla - Framer)
由 Mehanuz Meghla 在 Framer 上提供的免費個人網站模板 Growixx，為希望快速建立線上形象的個人和設計師提供了一個便捷的解決方案。這款模板的免費性質和在 Framer 上的可用性，降低了高品質網頁設計的門檻，有助於推廣無程式碼建站工具的普及。 -
Neobix：Tempbix 製作的免費作品集網站模板 - Framer (Neobix: Free Portfolio Website Template by Tempbix - Framer)
Neobix 是 Tempbix 在 Framer 平台發佈的另一款免費作品集網站模板，旨在幫助設計師快速有效地展示他們的專業作品。這類資源的出現，進一步豐富了 Framer 生態系統，使得使用者無需從零開始設計，就能擁有專業且視覺吸引力的線上作品集。 - 原文連結：https://news.google.com/rss/articles/CBMiYkFVX3lxTE9rUG0wSnpvclQ5dWdxRzYzOE4yVlp5cGppbi1UT0doSEZlbktBelZqc1ltdlozM3plNEdIZHMzRWRYTDRQUzg4YWt4TUZFVWZPclFKYjI1cmNmSWVDM21qLUVn?oc=5
AI 設計與創意科技 (AI Design & Creative Tech)
AI-Powered Design Tools (AI 設計工具)
- Runway ML 2026 年統計數據 (Runway ML Statistics 2026)
Runway ML 的最新統計數據揭示了該平台在 AI 影片和創意工具領域的持續成長與市場影響力。這類數據對於關注 AI 設計工具發展的設計師而言，提供了產業趨勢的量化視角，有助於評估 AI 技術的成熟度及其在未來創意工作流程中的普及程度。 - 原文連結：https://news.google.com/rss/articles/CBMiZEFVX3lxTE5UaHlTY2prUElwcUhfeklPTzhGRXJhN0huNHc0V0NjWnNYdVpyNWk4QmFlQXNTclNncXJQVkxOVkxCbXEtZzBnOS1VTVFVakBiMHFCZ3piREIwd1VJWDJfSEFmZjY?oc=5
Creative Technology (創意科技應用)
- 這些是適用於動態設計和 VFX 的最佳 AI 筆記型電腦 (These are the best AI laptops for motion design and VFX)
這篇文章評估並推薦了適用於動態設計和視覺特效（VFX）的最佳 AI 筆記型電腦，強調了硬體性能對於運行複雜 AI 輔助設計軟體的重要性。對於從事動態設計和 VFX 的創意專業人士而言，選擇搭載強大 AI 處理能力的硬體，是提升工作效率和實現更複雜視覺效果的關鍵。 -
原文連結：https://www.creativebloq.com/tech/laptops/best-ai-laptops-for-motion-design-and-vfx
-
iMacs，而非 Imax：Oddersy 導演 Christopher Notlan 的獨家專訪 (iMacs, not Imax: An exclusive interview with Christopher Notlan, director of the Oddersy - It's Nice That)
這篇專訪深入探討了 Oddersy 導演 Christopher Notlan 在創意製作中，如何利用個人電腦而非大型設備來實現其藝術願景。這對創意科技應用者和設計師是一個啟示，即創意的邊界並不總是受限於預算或設備規模，個人化工具與創新思維的結合同樣能產生巨大影響。 - 原文連結：https://news.google.com/rss/articles/CBMioAFBVV95cUxOTldtLURVZHNiV09UUi1KTUdZX0ltTnNPVll4NEdUUFB1RHlRemhGWUc1SlItY3UzaDA4Q1M5ckU3LU9GT1N2RzYyVDliRExVMEh2VzdFZHZkcUwxNVYxWWNQV0JWZkR1UDFqMEVBVkUwSS12TFR4TkNnZkpYQmRWdE1XSnVCMlJpR1ZtNEh0QlF4clRnSEhELWxnbmoyVk41?oc=5
設計靈感與社群 (Design Inspiration & Community)
Award-Winning Works (得獎作品與案例)
- Seasats - Awwwards 今日網站 - Awwwards (Seasats - Awwwards SOTD - Awwwards)
Seasats 榮獲 Awwwards 今日網站的殊榮，這個案例展示了當前網頁設計中最高標準的視覺美學、互動體驗與技術實現。對於網頁設計師來說，研究這類獲獎作品能激發靈感，了解行業前沿的設計趨勢與最佳實踐。 -
Thenest - Awwwards (Thenest - Awwwards)
Thenest 作為 Awwwards 的獲獎作品，體現了網頁設計在敘事性、視覺創新和使用者體驗方面的卓越成就。這個案例為設計師提供了如何將複雜概念轉化為引人入勝的數位體驗的實例，是尋求突破性設計的寶貴參考。 -
Davide Cattaneo - Awwwards 提名者 - Awwwards (Davide Cattaneo - Awwwards Nominee - Awwwards)
Davide Cattaneo 獲得 Awwwards 提名，他的作品代表了個人網頁設計和創意表現力上的高水準。這鼓勵設計師在作品集中融入創新元素和個人風格，同時也向社群展示了當代數位藝術和互動設計的無限可能性。 - 原文連結：https://news.google.com/rss/articles/CBMiWkFVX3lxTE1BMERNT0FtLVhyNlFVTU1wZ3NXLVJKN1gtZkxHYWt6N2I5V2VmTmU1Zm9SNGFjdWY0N2NSWUlUNGRzNjRMUjExQVdyTTdxOHA1emtSUzZtTXpYQQ?oc=5
Brand & Identity (品牌與識別設計)
- 曼徹斯特城女子隊成為首支擁有獨特標識的 WSL 球隊 (Manchester City Women becomes the first WSL team have its own distinct identity - It's Nice That)
曼徹斯特城女子足球隊獲得了獨立的品牌識別，這不僅是體育界的一個里程碑，也彰顯了品牌策略在不同群體中建立獨特情感連結的重要性。對於品牌設計師而言，這是一個關於如何透過視覺形象和品牌敘事，為特定群體創造專屬認同感的案例。 -
認識 GoodPop 內部團隊：創意/設計團隊 (Meet the GoodPop in-house team: Creative/Design Team - UnderConsideration LLC)
這篇文章介紹了 GoodPop 的內部創意與設計團隊，揭示了品牌在內部建立設計能力和文化的重要性。對於設計師和設計經理而言，了解品牌如何組織和運營其內部設計部門，可以為建立高效的設計團隊和制定長期品牌策略提供實用的見解。 -
包裝設計：Kurppa Hosk 為 Korshags 打造 (Packaging Design: Korshags by Kurppa Hosk)
Kurppa Hosk 為瑞典品牌 Korshags 創造了一個簡潔的包裝設計，結合了柔和的紙質提袋和真實的海洋原產地印章。這個案例展示了包裝設計如何透過材料選擇、視覺簡潔性及細節處理，來傳達品牌的品質感、故事性與永續承諾，對於品牌和平面設計師具有參考價值。 -
原文連結：https://abduzeedo.com/packaging-design-korshags-kurppa-hosk/
-
品牌識別：Smith & Diction 為 Calendly 重新設計品牌 (Brand Identity: Calendly Rebrand by Smith & Diction)
Smith & Diction 為 Calendly 設計了靈活的品牌識別系統，特色包括波紋狀的 C 標誌、TT Neoris 字體和有機的彈性氣泡。這次品牌重塑展現了如何透過視覺元素和動態系統，讓品牌形象更具現代感和適應性，同時反映出產品功能的演進，對品牌設計師來說是個很好的學習案例。 - 原文連結：https://abduzeedo.com/brand-identity-calendly-rebrand-smith-diction/
Design Community News (設計社群動態)
- 獲得靈感，學習這個藝術技巧：用更少的顏色和更大的筆觸繪畫 (Get inspired, learn this art trick: paint with fewer colours and bigger brush strokes - Creative Bloq)
這篇文章提供了一個關於繪畫技巧的靈感，鼓勵藝術家和設計師嘗試使用更少的顏色和更大的筆觸來創作。對於設計社群而言，這類關於創意方法和藝術表達的分享，能激發設計師跳脫常規，從不同藝術形式中汲取養分，提升視覺敘事能力。 -
Yuri Roga | 網頁設計靈感 - Siteinspire (Yuri Roga | Web Design Inspiration - Siteinspire)
Yuri Roga 的作品在 Siteinspire 上被收錄為網頁設計靈感，展現了其在視覺和互動設計上的獨特風格。對於設計師而言，透過這類平台瀏覽頂尖設計師的作品，是獲取靈感、拓展創意視野和了解行業美學趨勢的重要途徑。 -
Kenj Pena | 網頁設計靈感 - Siteinspire (Kenj Pena | Web Design Inspiration - Siteinspire)
Kenj Pena 的網頁設計作品被 Siteinspire 推薦，突顯了其在視覺敘事和使用者體驗方面的創新手法。這提供了豐富的視覺參考，鼓勵設計師探索新的排版、色彩和互動模式，以提升自身作品的創意和專業水準。 -
CcType Foundry | 網頁設計靈感 - Siteinspire (CcType Foundry | Web Design Inspiration - Siteinspire)
CcType Foundry 的網頁設計在 Siteinspire 上被列為靈感來源，展示了字體工作室如何透過其網站來呈現專業性和設計美學。這個案例不僅為字體排印愛好者提供了視覺饗宴，也為設計師如何結合品牌形象與網頁互動提供了啟示。 -
Il Capo Production | 網頁設計靈感 - Siteinspire (Il Capo Production | Web Design Inspiration - Siteinspire)
Il Capo Production 的網站設計被 Siteinspire 評選為優秀靈感，其視覺表現和互動細節值得設計師學習。這類案例有助於激發新的設計思路，特別是如何在高質量的影像和動效中融入品牌故事，創造難忘的用戶體驗。 - 原文連結：https://news.google.com/rss/articles/CBMibAFVV3lxTFA2UnhaYmZDMktJNWNDQ3dEUFRPRWI0aFpmU1F4NG9Bb2pNUzVXWGh2eU9YNlREQVpHMkMwYW5kTW12V0ExN19feWdkUHVnc040c0xNVWdKUXA2WnpFdndqUlNsSDZYOUZmMS16Qw?oc=5
設計系統與字體排印 (Design Systems & Typography)
Typography & Type Design (字體排印與字型設計)
- 這位字體藝術家正在贈送 200 種免費字體，但您需要快速行動 (This typography artist is giving away 200 free fonts, but you need to be quick)
一位字體藝術家慷慨贈送 200 種免費字體，這為設計師和學生提供了豐富的字體資源，是提升專案視覺多樣性的絕佳機會。這樣的活動不僅推廣了字體文化，也讓更多人能嘗試不同風格的字體設計，豐富作品表現。 -
FFF – 法國足球協會 (FFF – French Football Federation)
這篇文章展示了法國足球協會（FFF）在品牌識別中如何運用字體，體現了體育組織的設計美學和傳達力量。對於字體排印和品牌設計師來說，這是理解如何選擇具有代表性的字體來強化品牌形象的實用案例。 -
De Bijloke (De Bijloke)
De Bijloke 案例呈現了在特定設計情境中，字體如何被應用來建立獨特的視覺語彙。這類案例有助於設計師探索字體在文化藝術領域的表現力，以及如何將其融入整體設計系統，以達到最佳的溝通效果。 -
Grau 雜誌 (Grau Magazine)
Grau 雜誌的編輯設計案例突顯了字體排印在出版物中的關鍵作用，以及如何透過字體選擇和版面佈局來傳達雜誌的風格和內容。對於平面和編輯設計師而言，這是一個關於字體如何塑造閱讀體驗和視覺美感的優秀範例。 -
Schmidt & Pütz (Schmidt & Pütz)
Schmidt & Pütz 的設計案例展示了字體在品牌識別中的精準應用，如何透過字型來傳達企業的專業性與獨特性。這個案例為設計師提供了在企業品牌建立過程中，字體選擇與品牌形象塑造之間關係的實際範本。 -
麥當勞中國中秋節活動 (McDonald’s Mid-Autumn Festival campaign in China)
麥當勞中國中秋節活動的設計案例展示了如何在品牌行銷中融合節慶文化與品牌字體元素。這對於設計師理解如何將全球品牌在地化，並透過字體排印和視覺符號來與目標市場進行有效溝通，提供了豐富的靈感。 -
編輯設計：Underline Studio 製作的 Prefix Photo (Editorial Design: Prefix Photo by Underline Studio)
Underline Studio 為 Prefix Photo 雜誌打造的編輯設計，以其無瑕的格線系統和攝影節奏感脫穎而出。這個案例是學習如何在編輯設計中精確運用字體排印、圖像佈局和網格結構，以創造出強大視覺敘事和閱讀體驗的典範。 - 原文連結：https://abduzeedo.com/editorial-design-prefix-photo-underline-studio/
English Daily Highlights
Today's design pulse reveals a vibrant interplay between emerging AI capabilities, the democratization of web design, and the enduring principles of human-centered design.
Adobe is covertly developing "Project Oasis," a new web-based design tool, signaling its intent to further compete in the cloud-based collaborative design space. This development is crucial for product designers, as it suggests new ecosystems and workflows that could integrate into or disrupt existing design tool landscapes like Figma.
Concurrently, Canva's quiet surge in publishing nearly one million websites monthly underscores the transformative power of no-code platforms. This trend challenges traditional web designers to differentiate their value by focusing on complex interactions, bespoke brand experiences, and advanced front-end integration as basic website creation becomes increasingly accessible.
In the realm of AI, OpenAI's new ChatGPT Sketch feature, part of Images 2.5, allows users to translate rough drawings into detailed AI-generated images. This marks a significant leap in rapid ideation and concept visualization, offering designers a powerful tool for quick iteration. However, it also emphasizes the designer's role in guiding AI to produce creative and brand-aligned outputs. Further, the comparison between GPT-6 Astra and Opus 5 for product design highlights the growing need for designers to critically evaluate AI models based on their specific utility for tasks like user research or interface generation.
Beyond tool specifics, a critical article from UX Collective reminds us that "Most AI problems are really human problems." This perspective is vital for product designers, reinforcing the importance of human-centered design principles, transparency, and ethical considerations when integrating AI into products. The persistent lessons from human-centered automation, drawing parallels to 1980s copier studies, further stress the timeless relevance of understanding human behavior in designing automated systems.
The financial success of Runway AI, hitting $200 million in revenue and expanding into robotics, indicates robust growth in AI-powered creative tools, particularly for motion and VFX. This trajectory suggests an increasingly intelligent and automated future for creative workflows, urging designers to continuously upskill.
From a technical and aesthetic standpoint, an article detailing "Building an Infinite Liquid Glass Grid with Three.js, WebGPU, and TSL" showcases the cutting edge of front-end visual technology. Such advanced techniques inspire interaction designers and front-end developers to create more immersive and dynamic web experiences. Finally, a fascinating piece on the 2,000-year history of the ampersand and designers' ongoing debate over its appearance serves as a timeless reminder of typography's profound role in brand identity and visual communication.