huashu-design

huashu-design

花叔Design——用 HTML 製作高保真原型、互動 Demo、簡報、動畫與設計變體探索，並提供設計方向顧問與專家評審。依照任務化身相應專家（UX／動畫師／簡報設計師／原型設計師），避免落入網頁設計老套。觸發詞：製作原型、設計 Demo、互動原型、HTML 簡報、動畫 Demo、設計變體、hi-fi 設計、UI mockup、prototype、設計探索、製作 HTML 頁面、製作視覺化、App 原型、iOS 原型、行動 App mockup、匯出 MP4、匯出 GIF、60fps 影片、設計風格、設計方向、設計理念、配色方案、視覺風格、推薦風格、挑選風格、做得好看一點、評審、好不好看、review this design、旁白動畫、解說影片、概念解說影片、長篇知識科普、配音動畫、voiceover、narration、TTS+動畫、5 分鐘講清楚什麼是 XX。**核心能力**：Junior Designer 工作流程（先提出假設＋推理＋佔位內容，再反覆迭代）；反 AI slop 檢查清單；React+Babel 最佳實務；可切換的 Tweaks 變體；Speaker Notes；Starter Components（簡報／變體／動畫／裝置邊框／旁白 Stage）；App 原型守則（從 Wikimedia／Met／Unsplash 取用真實圖片＋可互動的 AppPhone＋Playwright 點擊測試）；HTML 動畫匯出 MP4/GIF（基本 25fps＋60fps 插幀＋調色盤最佳化＋依場景搭配 BGM＋自動淡出）；**長篇旁白動畫流程**（豆包 TTS＋依實測時長生成時間軸＋NarrationStage＋ducking 混音；鐵則：以連續運動敘事，禁止 PowerPoint 式切換）。**需求模糊時的備援**：設計方向顧問——5 大流派 × 20 種理念（Pentagram 資訊建築／Field.io 動態詩學／原研哉東方極簡／Sagmeister 實驗先鋒等），提出 3 個方向＋24 個預製 showcase＋從 3 個平行製作的 Demo 中挑選。**選用功能**：5 個面向的評審（理念一致性／視覺層級／細節／功能／創新，各 10 分＋修正清單）。