設計課程

網站視覺設計

接觸消費者的第一站：網站視覺

橫跨網頁標記語言、程式語言的設計

網站視覺設計由於並非單一畫面的呈現，會更多層面的考慮到使用者經驗以及網站功能邏輯，是一門具程式思維的設計課程，可以從零開始，也可以直接加入進階班學習。

在巨匠你可以學到

色彩學、字型與排版、畫面構圖邏輯、攝影構圖與拍攝技法、設計概念與創意發想、商品應用設計、UI/UX、html與CSS框架、javascript前端語法、網頁動畫、bootstrap框架應用、PHP後端語法與MySQL資料庫操作。

模擬實作專題，打磨專業能力

各階段課程有不同的mock-up產出，讓學員習慣從零到有的設計發想過程，並且兼具美感與實用功能，製作出真正符合商業需求的網站。

莊金鶴

商業平面設計

  • 插畫、廣告海報與書籍封面設計
  • 印刷與包裝
  • 企業CIS識別
  • 作品集製作
色彩學 字型與排版 畫面構圖邏輯 企業CIS識別 設計概念與創意發想 印刷與包裝
課程大綱
點我報名

AI No-Code接案術

  • 極速佈署力：擺脫研發依賴，42小時快速上線
  • AI 輔助產製：AI 輔助文案視覺，倍增產出效率
  • 數據驅動優化：整合 GA4 追蹤，精準優化轉換率
  • 商業美學實踐：WordPress 打造介面，美感轉化營收
  • 自主架站追蹤：自主架站埋碼，確保廣告投放成效
一頁式網站設計 AI視覺生成 Canva WordPress 漏斗行銷策略 接案變現
課程大綱
點我報名

UI/UX 策略設計師

  • 策略導向思維：從 UX 邏輯切入，理解設計背後的為什麼
  • 業界標準工具：深度學習 Figma，同步頂尖公司協作流程
  • 實戰作品產出：從 0 到 1 打造 UI 個案研究作品雛形
  • 跨團隊溝通力：掌握流程，與 PM 及工程師有效協作
  • 系統化設計觀：建立元件思維，提升設計效率與一致性
UI/UX設計 Figma介面設計 制定設計策略 Prototype互動原型 響應式網頁設計
課程大綱
點我報名

前端設計攻略

  • 前端開發環境與工具操作
  • HTML5與CSS3網頁基礎語言
  • Flex Box與Grid Layout現代排版
  • RWD響應式網頁設計
  • UI套件與框架應用
  • CSS Animation與互動動畫設計
HTML5網頁設計 CSS3版面設計 RWD響應式網頁 前端網站實作
課程大綱
點我報名

前端開發攻略

  • JavaScript 基礎與ES6+ 新語法
  • Vue 3 框架
  • API 串接與表單驗證
  • Git / GitHub 專案協作
JavaScript Vue 3框架開發 API串接技術 GitHub協作開發 前端應用程式開發
課程大綱
點我報名

後端開發與部屬實戰班

  • PHP程式基礎
  • MySQL資料庫應用
  • Laravel框架實務
  • JSON API 運用
  • 網站上線基礎建設
PHP後端開發 MySQL資料庫設計 RESTful API開發 JSON資料串接 Vue + Laravel 全端專案
課程大綱
點我報名

課程規劃從基礎到實務，適合

想從平面跨轉進網頁設計的你

想獨立接案安排自己時間的你

想斜槓賺外快的你

學成將具備的職務能力

美術設計

  • 色彩學
  • 字型與排版
  • 畫面構圖邏輯
  • 攝影構圖與拍攝
  • 商品應用設計
  • UI/UX
  • 數位及印刷實務

UI/UX策略設計師

  • UI/UX設計
  • Figma介面設計
  • 制定設計策略
  • Prototype互動原型
  • 響應式介面設計

網頁設計師

  • 用戶研究
  • 畫面構圖邏輯
  • 商品應用設計
  • UI/UX
  • html與CSS框架
  • javascript前端語法
  • 網頁動畫
  • bootstrap框架應用

網站程式設計師

  • html與CSS框架
  • javascript前端語法
  • 網頁動畫
  • bootstrap框架應用
  • PHP後端語法
  • My SQL資料庫操作

學員上課作品

梅飛燕舞 | 金匠獎 | 巨匠電腦學員作品
梅飛燕舞手工皂海報 | 金匠獎 | 巨匠電腦學員作品
弗來得炸雞 | 金匠獎 | 巨匠電腦學員作品
公益海報_20190227｜巨匠電腦學員作品
元旦｜巨匠電腦學員作品
弗來得炸雞 | 金匠獎 | 巨匠電腦學員作品
梅飛燕舞 | 金匠獎 | 巨匠電腦學員作品
弗來得炸雞 | 金匠獎 | 巨匠電腦學員作品
梅飛燕舞 | 金匠獎 | 巨匠電腦學員作品
稻田裡的餐桌計畫 - 提案者 康焜絡｜巨匠電腦學員作品
梅飛燕舞 | 金匠獎 | 巨匠電腦學員作品
梅飛燕舞手工皂海報 | 金匠獎 | 巨匠電腦學員作品
弗來得炸雞 | 金匠獎 | 巨匠電腦學員作品
公益海報_20190227｜巨匠電腦學員作品
元旦｜巨匠電腦學員作品
弗來得炸雞 | 金匠獎 | 巨匠電腦學員作品
梅飛燕舞 | 金匠獎 | 巨匠電腦學員作品
弗來得炸雞 | 金匠獎 | 巨匠電腦學員作品
梅飛燕舞 | 金匠獎 | 巨匠電腦學員作品
稻田裡的餐桌計畫 - 提案者 康焜絡｜巨匠電腦學員作品

每個人都有專屬的設計故事

巨匠電腦學員鄭曉萍

鄭曉萍

「經過兩個月紮實的訓練，最大收穫就是『關鍵字操作』，就像老師常說的：『得關鍵字者得天下』，現在人手一機，每個人都習慣透過網路找資料，無論個人或企業都一樣，唯有寫對關鍵字，才能讓自家商品讓別人找到」...
巨匠電腦學員林子文

林子文

「其實我原本對電子商務一點概念都沒有，頂多上網買過東西，連拍賣網站都很少逛，真的是白紙一張，但是這堂課真的教得很紮實，不管是英文關鍵字、平台操作、產品圖框、旺舖首頁等美工設計的實作，都讓我獲益良多！」...
巨匠電腦學員王思雯

王思雯

思雯大推的還有師資，「我主要是跟Mark老師學習，老師人很Nice，有空就會跟同學閒聊工作狀況，關心每位同學的學習進度，還會辦聚餐或是買披薩請大家吃，並成立一個LINE群組專門分享電商新知，跟大家都像朋友一樣！」...
巨匠電腦學員施介甫

施介甫

不管是實際課程內容、老師以及在巨匠一起努力的同學，對我的影響都十分深遠。課程例如JQuery，即使初學者較難上手，但對我實際日後的工作卻很有幫助。此時我也在巨匠認識一位同樣對多媒體網頁製作擁有強烈企圖心的同學。...

業界名師實務教授

白憲宗老師
白憲宗老師
白憲宗老師專精於響應式網頁設計，持有ACA-Photoshop、ACA-Dreamweaver和ACA-Flash等證照。他曾榮獲新人王網站設計第一名的殊榮。在職涯中，擔任千喜創意整合行銷公司負責人一職，同時擔任台中海線社區大學的講師。白老師以其豐富的實戰經驗和專業知識，為學生提供高品質的教學和指導。
林志盈老師
林志盈老師
林志盈老師是一位在視覺平面設計與網頁設計領域具有豐富經驗的專家。他擁有多項Adobe ACA國際認證。在職涯中，曾擔任興南興廣告公司網路及廣告部經理、諾亞科技設計師以及小炫風多媒體設計師等職務，累積了豐富的實戰經驗和專業知識。
蘇俊昌老師
蘇俊昌老師
老師專長涵蓋資料庫、程式語言、影像平面設計、印刷排版、視訊剪接、動畫設計以及網頁設計。他曾任教於多個機構，包括空中大學、台北市（縣）勞工局、行政院以及精創資訊。此外，他也擔任台北市啟聰聾人協會的專任訓練講師，致力於教導學生多項重要技能，幫助他們在相關領域取得成功。

課程體驗諮詢

送出