AI 活動頁與產品頁設計

由內容結構建立一致的頁面

AI Design Skills 協助安排活動頁或產品頁的內容、文案、字體、配色與間距。另提供 Figma 設計技能,支援先製作設計稿再進行開發交接。

本文內容
AI Design Skills 作者作品
AI Design Skills 作者作品。來源
作者 @elayadesigns 的網頁作品展示。原始帖文 · 影片來源

按產出選擇技能

  • 做活動頁或產品頁:使用 landing-page-design,一併處理內容結構、文案同視覺。
  • 先做 Figma 設計稿:使用 figma-designer,整理字體、顏色、元件同版面。

你可以在 ChatGPT 整理需求,再將技能文件與資料交給你使用的製作工具;能直接操作網頁或 Figma 的平台,亦可以接續完成製作。

例子:工作坊報名頁

提供日期、地點、課程內容同報名入口,頁面按「適合哪個、學到乜、活動安排、立即報名」排列,再加入品牌圖片同字體。

請按 landing-page-design 技能製作工作坊報名頁。
資料:[對象、內容、日期、地點、價格、報名入口]。
品牌:[字體、顏色、圖片]。
重點是讀者一眼知道學到乜,同如何報名;手機版亦要清楚。

原帖

配圖來源

本站介面實作

我哋將設計指引用在這個教學網站,改善主頁、閱讀層次同手機操作。查看改版前後對照及功能檢查。

下載本篇提示詞