AIDesign - AIFra
Framer立即AI生成網頁與設計網頁
Web Design with Framer AI
- 時數:21小時
- 費用:NT$ 18,000
- 點數:5.5
選擇查詢分區開課時間
| 地點 | 班號 | 日期 | 時間 | 預約 |
|---|---|---|---|---|
| 台北 | 26914 班 | 2026/04/15 ~ 2026/04/17 每週三四五 | 09:00~17:00 | 預約 |
目前查無開課時段
詳細開課時間請洽詢業務
新竹、台中、高雄如有上課需求,請參考台北開課日期,洽當地服務人員依需求加開遠距開課日期
聯絡恆逸
教材
優勢精選教材
課程目標
你有沒有過這種經驗?腦袋裡有一幅絕美的畫面,但一碰到架站軟體,那些生硬的區塊和死板的設定,瞬間澆熄了你的創作慾望。
我們認為,架網站不該是「組裝零件」,而應該是「自由繪畫」。Framer AI 就是那支能聽懂你心聲的魔法畫筆。這門課不教你怎麼當工程師,而是教你如何當「總指揮」。無須網頁任何相關基礎,你只需要學會如何與 AI 對話,那些排版、RWD手機版介面、甚至美感配色,AI 通通幫你代勞。
在這裡,技術不再是阻礙美感的牆:
【從文字到視覺的驚艷跳躍】:告訴 AI 你想要的氛圍,看著色彩與字體如煙火般綻放。
【像做簡報一樣簡單】: 如果你會用 PPT,你就能在
Framer 裡揮灑創意。那些滑順的轉場、動人的微互動,都不再需要求人。
【打造你的數位藝廊】: 你的作品集、你的文字,值得擁有一個像精品店一樣的家。
【我們會一起完成】:學習如何在 AI 生成的基礎上,加入你獨一無二的靈魂印記網頁。 讓網頁元素隨著滑鼠游標翩翩起舞,給訪客一場視覺盛宴。
適合對象
創業者、PM、行銷人、設計師、文字創作者
課程內容
1. 介面介紹與基本工具
1-1 向量形狀工具 Vector
1-2 文字工具 Text
1-3 重複使用與套用
2. 畫布與編排區塊
2-1 圖片與影片工具
2-2 編排區塊工具
2-3 響應式設計 Breakpoints
2-4 Frame 與 Layout 編排
3. 元件狀態 Components
3-1 建立元件狀態 Components
3-2 元件狀態 Components 與編排
4. 利用內建素材快速建構網頁
4-1 插入編排元件
4-2 其他內容素材
4-3 導覽列
4-4 連結與動態效果
5. 免費模版與整合 Figma 設計內容
5-1 Framer AI 產出網頁
5-2 如何使用免費模版快速搭建網站
5-3 免費版型與元件
5-4 免費 Framer 元件資源推薦
6. 動態效果 Effects
6-1 動態文字效果
6-2 動態頁面效果
6-3 動態元件效果
6-4 動態捲動效果
7. 發佈網站 Publishing
學會技能
課程結束後,即可擁有可立即分享瀏覽的網站,也能獨立完成網頁設計、編輯與製作
備註事項
學生優惠價:參加校園IT職涯學習護照方案,享有5折優惠價
相關連結
台北恆逸教育訓練中心
- 02-25149191
- 02-25149292
- 台北市松山區復興北路99號14樓
新竹恆逸教育訓練中心
- 03-5723322
- 03-5745738
- 新竹市光復路二段295號3樓之2
台中恆逸教育訓練中心
- 04-23297722
- 04-23102000
- 台中市西區臺灣大道二段309號2樓
高雄恆逸教育訓練中心
- 07-5361199
- 07-5361698
- 高雄市苓雅區新光路38號4樓之1