這是一個涵蓋網頁設計和圖形設計的全方位教學課程，適合所有希望提升設計技能的初學者。課程內容包含前端網頁的基本觀念、常用CSS單位，以及與JavaScript的動畫圖解，教會你如何使用For Loops、Array Methods和String處理，讓你逐步掌握網頁互動邏輯。同時，這個課程也深入介紹Illustrator的應用，包括新手LOGO設計、摺頁DM排版設計，以及手繪插畫的進階技術。無論你是希望創建專業名片、吸引人的視覺元素，還是設計動感的網頁，這個課程都能提供實用的知識與技巧，幫助你實現創意與專業的完美結合。

AI 設計教學

01 ✏️ 網頁基礎觀念✏️ 徹底理解前端網頁常用 CSS 單位

02 ✏️ 網頁基礎教學✏️ 動畫圖解 JavaScript 迴圈 loops

03 ✏️ 網頁基礎教學✏️ 動畫圖解 JavaScript 陣列方法 Array Methods

04 ✏️ 網頁基礎教學✏️ 動畫圖解 JavaScript 字串 String

05 ✏️網頁設計教學✏️ CSS Grid Layout 格線佈局教學｜簡單完成網頁排版

06 ✨ 新手 LOGO 設計✨ AI 教學篇｜Illustrator 實作 Logo 設計

07 ✨ 新手 LOGO 設計✨ 基礎概念篇｜掌握 Logo 設計技巧｜說哈設計

08 ✨ 新手 LOGO 設計✨ 接案篇｜教你如何完整執行 Logo 專案｜Illustrator 教學

09 ⚡️ Illustrator 基礎課程 ⚡️  摺頁 DM 排版設計初學上集摺頁正面｜Illustrator 入門功能與應用教學

010 ⚡️ Illustrator 基礎課程 ⚡️  摺頁 DM 排版設計初學下集摺頁內裡｜Illustrator 入門功能與應用教學

011 ⚡️ Illustrator 基礎課程 ⚡️ 初學 Illustrator 入門功能與應用教學－DM 排版設計｜傳單設計

012 ⚡️ Illustrator 基礎課程 ⚡️ 初學 Illustrator 入門功能與應用教學－置入選項｜DM 排版示範第二發

013 ⚡️ Illustrator 基礎課程 ⚡️ 配色的技巧 建立自己的色票庫 等距繞圓 文字緒 月曆設計

014 ⚡️ Illustrator 基礎課程 ⚡️ 設計自己專屬口罩｜點滴筆刷   四方連續｜定位切

015 🌳 Photoshop 插畫🌳 手繪筆刷設定－樹叢與花叢電繪教學｜自訂筆刷

016 🌴 Illustrator 教學 🌴 製作雜訊紋理效果｜Noise Texture｜Grain Texture

017 🍣 Photoshop教學🍣 Pixel Art 電繪教學｜讓你輕鬆上手畫出8位元像素點陣風格

018 🍩 Photoshop教學🍩 超擬真烤麵包效果｜可愛到都想咬一口😋

019 🎨 Photoshop 插畫教學🎨 超輕鬆新手入門—時尚人物電繪教學

020 💌 設計發印自己來💌 喜帖印刷與完稿發印教學｜新手入門 X 印刷入門｜illustrator

021 🔖 AI 教學設計發印自己來🔖 初學基礎名片設計｜新手入門 X 印刷入門｜illustrator

022 🔘 Photoshop教學初學 PS 入門功能與教學－產品繪圖BenQ ScreenBar Plus螢幕智能掛燈｜PS 修圖