免費文章庫

全部文章

在影片看到關鍵字？輸入它，就能找到那支影片的完整教學。

設計技巧#風格 8 種冷門設計風格的做法：熱感應、孔版、藍曬、半調網點一次學會熱感應、孔版印刷、1-bit 點陣、具象詩、藍曬、半調網點、像素拖尾、霓虹招牌，每種附 Photoshop 步驟和參數，加一段萬用 AI 提示詞。 3 分鐘閱讀 · 閱讀全文 → AI 工具#角度一張照片，變 6 個拍攝角度：ChatGPT 改圖的 6 組指令空拍、魚眼、望遠偷拍、底片、黃昏逆光、夜拍閃光：把照片上傳 ChatGPT，用同一句提示詞換不同角度和光線，人、臉、衣服、姿勢都不變。 2 分鐘閱讀 · 閱讀全文 → 做網站#術語 6 個設計術語加實際數字，讓 Claude 做出像設計師做的網站層次、留白、對齊、字型配對、主色、對比：每個術語附上可以直接貼給 Claude 的數字（字級、間距、欄數、對比值），加一段萬用 prompt。 3 分鐘閱讀 · 閱讀全文 → 素材資源#素材 5 個免費開放的博物館素材庫：高畫質、多數可商用，還能讓 AI 幫你找故宮開放資料、ColBase、Cooper Hewitt、The Met、Public Domain Image Archive 的用法、授權標示方式，以及請 AI 透過 API 幫你找圖的提示詞。 3 分鐘閱讀 · 閱讀全文 → 做網站#系統大品牌的網站為什麼看起來很貴？3 步抄下它的設計系統，寫成 DESIGN.md 用瀏覽器 F12 讀出任何網站真實的字型、字級、顏色、圓角，貼給 Claude 整理成 DESIGN.md，再用這份系統做你自己的網站。只抄系統，不抄文案和 Logo。 3 分鐘閱讀 · 閱讀全文 → 做網站#滾動往下滑，網站自己動：用 ChatGPT 出圖、Claude 寫網頁做滾動敘事的 3 步 Apple 產品頁那種「一滑就逐格變化」的滾動敘事：ChatGPT 同一鏡頭生 5 到 8 張圖，Claude 寫 sticky 區塊逐張 crossfade，拖進 Netlify Drop 免費上線。 3 分鐘閱讀 · 閱讀全文 → 設計技巧#流程一本小冊子怎麼「長」出來：機構刊物的 6 步設計流程以青少年服務機構的《中心通訊》為例：先分內容層級，再定網格、插畫系統、色彩與字型，最後印前檢查。資訊很多也能讀得輕鬆。 3 分鐘閱讀 · 閱讀全文 → 設計技巧#排版 InDesign 排版 6 步：一張活動海報從空白文件到印刷檔從文件設定、CMYK 色票、置入主圖、手寫標題、時間軸到輸出 PDF/X-4，把一張 A4 活動海報在 InDesign 裡排好、交得出去。 4 分鐘閱讀 · 閱讀全文 → 設計技巧#手繪手繪感設計 3 招：墨水線、小角色、蠟筆撞色，加一段 AI 提示詞不會畫畫也能做出手繪感：Procreate 或 Illustrator 的抖動墨水線、三個形狀組成的小角色、錯位 4 到 6 px 的蠟筆撞色，加 AI 生成後轉向量的方法。 3 分鐘閱讀 · 閱讀全文 → 設計技巧#動態讓海報動起來：用 AI 寫 HTML + CSS 做 10 種動態效果的方法描線 Logo、翻頁、浮動、打字機等效果，不用 After Effects：給 AI 參考圖、說清楚開始中間結尾三個狀態，請它寫 HTML + CSS，錄影就能做成 Reel。 3 分鐘閱讀 · 閱讀全文 → AI 工具#Carousel 用 Claude 做 Instagram 輪播：上傳產品照、貼一段 prompt，每張直接下載 PNG 在 claude.ai 上傳產品照片，用一段萬用 prompt 讓它寫 HTML + CSS 做出整套 1080×1350 的輪播，附下載按鈕；改稿一次改一個地方，做好直接上傳 IG。 3 分鐘閱讀 · 閱讀全文 →

不想自己做？交給我們

網站、設計、影片，
都是我們自己做的。

文章教你自己動手；沒時間的話，網站交給 Web Daddies（US$19 起），書刊、海報、品牌交給 HK Design Pro。

做網站 → 做設計印刷 → 先看服務內容