學 RWD網頁設計課程 / UI介面設計
突破薪資天花板宅家安心學

RWD網頁設計

薪資上看 50K

UI UX介面設計

熱門大勢職業

CSS

Javascript

Figma

workflow

業界唯一

多種上課模式任你選

實體 + 線上 + 影音

挑戰全台開課密集度

保證選課時段最多

專業技術客服常在線

疑難雜症一秒搞定

為什麼學習RWD網頁設計 / UI介面設計課程？

理由 1

消費方式轉變品牌網站成關鍵

據專業研究數據顯示，80% 以上的消費決定，都是透過網站搜尋取得資訊後，再做出最終決定，也因此需要更講究品牌網站的行銷及使用者體驗，網站的設計好壞便是其重要環節。

理由 2

加薪靠自己斜槓思維夯

在科技日新月異的時代，如果只會一項工作技能發展有限，可以試著利用自己的興趣，發展多重職業，不僅幫助自己增加收入，同時也能提升自我價值！

理由 3

政策長期推動「設計」影響力

政府多年制定設計產業政策、推廣設計美學，輔導產業運用設計提升產品及服務水準，並協助產業拓展海外，不但為產業帶來創意活力，整體設計產業的產值亦由2003年的363億元提升至2017年的678億元。

理由 4

平均薪資高且工作機會多

據人力銀行數據顯示，網頁設計相關職務平均薪資41K，為設計領域前三高，且10個工作機會中只徵得到7人，工作機會多！

課程特色

真人線上直播教學

巨匠電腦深耕資訊教育多年，將實體及線上學習資源進行整合，讓學員可以依據自身學習狀態自由選擇，採講師live直播教學，可即時解決學員提問，化解學習痛點。

Adobe原廠授權教育中心

巨匠提供的ACP證照課程，採取小班制教學，逐一讓學員了解Adobe出題緣由，並同步使用電腦操作軟體，將所學融會貫通，讓你活用技巧輕鬆取得證照！

業界名師指導

巨匠擁有1,600位專業教學講師，依學員程度引導教學，豐富的教學經歷幫助學員突破學習痛點，並且引薦優秀學員轉職就業。

巨匠專屬設計學院

為提升學員「創造力」及「競爭力」，巨匠特別規劃結合「技能培訓」及「實務教學」的進階課程，打造符合市場需求的專業設計人才。

RWD網頁設計

隨著網路深入生活，許多企業也日益注重網路行銷，網頁設計師儼然成為熱門職務。設計的工作最注重實力，投入此行業者必須對於網頁的規劃、設計、發佈、維護與更新皆必須有完整的了解，如果是零基礎的新手則可透過網頁設計教學先修班，將網站程式語言先打穩基礎，之後再透過不斷累積經驗，強化作品展現的豐富度。

進入網頁設計教學課程前，您可以先進一步了解：
UI/UX設計課程 - 設計師、行銷人的職場必修課
網站架構全攻略，新手架設網站第一步從這開始！

Photoshop CC網頁版型設計

遮色片、矩形工具、圖層、參考線等操作技巧
網頁結構說明、素材需求-介紹免費網頁資源
智慧型物件：版型製作、網頁尺寸新增、網頁群組建立、元素組合與製作
版型模組：建立自己的Webpage Wireframe、常用的框架與格式、改版
多螢幕網頁版型設計
切片與匯出：套件製作、影像資產設定

Dreamweaver 創意網頁設計

DW環境設定及了解基礎HTML：標題與段落、圖片、超連結等
CSS 常用樣式：基本選取器、文字/背景/清單樣式
CSS 排版技巧：行內與區塊、盒子模式、浮動排版
CSS框架 - Bootstrap快速上手
CSS 動畫與特效：轉場動畫、2D與3D變形效果
javascript與jQuery應用：圖片輪播、燈箱效果等
網頁設計範例實作

HTML&CSS基礎網頁語法

HTML5入門概要
HTML5常用元素屬性
CSS與CSS3技術應用
媒體查詢與流動版面
HTML與jQuery效果實作
jQuery Mobile行動應用網頁

Illustrator CC插圖設計

點線面設計觀念建立及基本編輯功能教學
線條描繪基本技巧
運用筆刷設計花紋邊框及Q版人物、貼圖等
運用漸層、網格填色工具設計UI面板素材等
繪製具3D效果的產品外觀、商場空間建置等

商業視覺設計師養成

基本設計概念與製程
圖像線條描繪基本技巧
基礎包裝設計
活動展場商品設計、文宣商品設計
吉祥物與公仔設計
雷射雕刻設計與製作
DM傳單設計、海報設計與輸出
產業實務案例、印刷實務案例

響應式網頁前端設計

了解網站基礎語法HTML及基本架構
了解CSS的基礎與基本樣式
CSS排版技巧：inline-block、float、flexbox應用、置中方式
動畫與特效：Transition轉場、Transform2D變形、Animation動畫
Javascript語法：常數、變數與資料型態、流程控制、陣列、函式
jQuery：折疊式選單、圖片展示/輪播、資料串接、外掛應用
RWD網頁：媒體判斷與中斷點、響應式選單、圖片處理
Bootstrap 4：網格排版、通用屬性類別、內建元件等
Bootstrap 4：介紹新增的卡片Card、圖片輪播Carousel元件
Bootstrap 4：滑動監控Scrollspy、清單List-group、表單Form、提示元件Popover/Tooltips

PHP&MySQL資料庫網站程式設計

PHP環境部署
PHP程式設計：資料型態、流程控制、陣列、字串處理、函式等
MySQL：建立、查看資料庫，欄位資料型態及資料庫圖形化介面操作
文章發佈系統：連線並讀取資料
圖片管理系統：圖片管理功能(應用於商品管理)
會員系統：使用session製作會員系統與權限管理
了解物件導向的運作原理
製作多國語言網站、非同步處理Ajax伺服器操作、伺服器操作

*接案學

設計接案概念：切換商業腦
五大案件說明：平面設計、網頁設計、插畫設計、影片剪輯、程式設計
接案流程說明
訪談技巧：提問題的方法、歧異點談判、業主需求分析等
報價技巧及報價單製作
合約書重點、違約處理等法務相關

*平面接案養成班

基本創意方法與自我探索
引導正面/反面創意聯想
文字與文案創作、海報風格與形式設計
風格研究及創造
模擬案件實作

*平面接案實務班

進階創意方法與深度自我探索
廣告創意設計：廣告精神、手法、心理學
創造設計的靈魂 - 設計發想與說故事
進階創意方法：借花獻佛、變形金剛
包裝設計專題
CIS設計專題執行、提案、發表

一頁式網頁真的不難

認識多種一頁式網頁介紹
PHOTOSHOP頁面排版示範
切片網頁製作
設定超連結基本語法
鑲嵌GOOGLE互動服務
申請網頁空間上傳

ACP-PhotoShop考前衝刺班

ACP認證考試介紹
影像之取得、影像檔案管理、基礎工具介紹
圖層操作與應用
繪圖工具與文字工具應用
進階影像處理&合成應用
ACP認證模擬試題練習與解說

ACP-Illustrator考前衝刺班

ACP認證考試介紹
介面環境介紹、文件設定與輸入輸出說明
圖層操作與應用、路徑編輯功能說明
效果編輯相關影像功能：遮色片、符號、筆刷、漸變工具等
文字排版工具介紹：文字工具、繞圖排文、專案管理等
ACP認證模擬試題練習與解說

課程應用與發展

你可以獲得以下技能…

熟悉HTML、CSS概念並快速製作網頁
瞭解並學會使用Javascript、Bootstrap
學會且可以獨立製作RWD網站

此系列課程適合…

零基礎，想朝網頁設計領域發展的你
設計相關人員，欲培養第二專長的你
小資老闆，想自己開發並維護品牌官網的你

培訓完成你可以當…

網頁設計師
網站程式設計師
PHP網站開發工程師

索取課程資訊

UI UX介面設計

UI設計師，即專注於UI(User Interface)使用者介面設計，依使用者輪廓設計適合的風格表現，著重於整體視覺、畫面細節安排，產出具參考價值的原型設計(Prototype)；UX設計師，即專注於UX(User Experience)使用者體驗，以蒐集使用者多面向資訊數據，分析並找出使用動機，並設定使用者情境模擬等，匯整出行為流程圖並將其轉成畫面：靜態線框分鏡(Wireframe)。
本課程為業界唯一UI/UX並重，符合就業市場需求的使用者介面設計課程，從使用者分析到流程圖、分鏡繪製、介面視覺、Figma、Adobe Xd原型，一氣呵成的設計專題製作。