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

RWD網頁設計

薪資上看 50K

UI UX介面設計

熱門大勢職業


CSS

Javascript

Figma

workflow
業界唯一
多種上課模式任你選
實體 + 線上 + 影音
挑戰全台開課密集度
保證選課時段最多
專業技術客服常在線
疑難雜症一秒搞定

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

理由 1

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

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

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

理由 2

加薪靠自己 斜槓思維夯

加薪靠自己 斜槓思維夯

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

理由 3

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

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

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

理由 4

平均薪資高且工作機會多

平均薪資高且工作機會多

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

課程特色

 
真人線上直播教學
online-learning

真人線上直播教學

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

Adobe原廠授權教育中心

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

業界名師指導

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

巨匠專屬設計學院

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

RWD網頁設計

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

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

Photoshop CC網頁版型設計

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

Dreamweaver 創意網頁設計

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

HTML&CSS基礎網頁語法

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

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&MySQL資料庫網站程式設計

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

*接案學

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

*平面接案養成班

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

*平面接案實務班

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

一頁式網頁真的不難

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

ACP-PhotoShop考前衝刺班

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

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原型,一氣呵成的設計專題製作。
Photoshop CC影像設計

Photoshop CC影像設計

    • 基礎修圖功能介紹
    • 去背功能介紹:鋼筆、套索、色版、色階等工具
    • 圖層遮色片、圖層混合模式、濾鏡風格等
    • 按鈕設計、筆刷風格的設定
    • 廣告文宣、海報設計運用
    • 動態GIF貼圖製作
Illustrator CC插圖設計

Illustrator CC插圖設計

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

商業視覺設計師養成

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

UI/UX使用者介面設計

    • UI/UX概念說明、介面設計工作流程及目標要點
    • 產業狀況的資料收集分析
    • 目標對象的分眾標籤設定、情境模擬及需求分析
    • 競爭對手的SWOT、PMI分析
    • 階段驗收:模擬解決方法提案
    • 原型設計:功能清單、功能路徑規劃、分鏡繪製
    • 運用Adobe XD、Figma製作原型設計(Prototype)
    • 專題發表:模擬提案流程,並邀請業界專家給予指導
響應式網頁前端設計

響應式網頁前端設計

    • 了解網站基礎語法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
接案學

*接案學

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

*平面接案養成班

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

*平面接案實務班

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

ACP-PhotoShop考前衝刺班

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

ACP-Illustrator考前衝刺班

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

課程應用與發展

你可以獲得以下技能…
  • 熟悉UIUX觀念、介面設計的工作要點
  • 瞭解並學會使用者資料分析與驗證
  • 學會繪製靜態線框分鏡(WireFrame)及原型製作(Prototype)
此系列課程適合…
  • 零基礎,想朝視覺/網頁/介面設計領域發展的你
  • APP/網站專案PM相關人員,欲提升網站成效的你
  • 行銷企劃人員,很想跑贏競爭對手贏得消費者的你
培訓完成你可以當…
  • UI/UX設計師
  • 動態互動設計師
  • 前端工程師
索取課程資訊

免費課程 諮詢

我要領取
個資保護聲明
送出
* 免費贈品數量有限,將由專人安排至巨匠電腦分校領取, 如贈送完畢將以等值贈品代替。
12000堂線上課程任你選

RWD網頁設計 / UI介面設計課程 專業師資陣容

索取課程資訊

RWD網頁設計 / UI介面設計課程 課程學員心得

巨匠電腦學員鄭曉萍
鄭曉萍

設計達人學跨境電商 成功幫公司跨進國際

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

我的未來 從轉換跑道後開始

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

飯店行銷勇敢追夢 學好電商迎向世界舞台

畢業後曾做過網路行銷設計,之後轉戰飯店業擔任行銷企劃,對電商一直有濃厚興趣的Jeremy,在聽過分校舉辦的課程說明會後,決定報名並利用下班後時間學習跨境電商行銷,他分享道:「馬雲說過不做電子商務,未來就無商可務。」
巨匠電腦學員楊越
楊越

我來自東北 我在台灣學會阿里巴巴跨境電商絕活

楊越目前主要的工作,就是跟客戶介紹公司的電商服務和阿里巴巴平台,由來自大陸的她開口,更是格外有親和力和說服力,「很感謝巨匠提供媒合機會,讓我有機會在電商領域發揮所學,我也知道全球的電子商務技術發展日新月異,未來的雙11購物節還會結合VR技術呢!我也會不斷充實所學,讓更多人認識跨境電商和阿里巴巴!」
巨匠電腦學員鄭曉萍
鄭曉萍

設計達人學跨境電商 成功幫公司跨進國際

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

我的未來 從轉換跑道後開始

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

飯店行銷勇敢追夢 學好電商迎向世界舞台

畢業後曾做過網路行銷設計,之後轉戰飯店業擔任行銷企劃,對電商一直有濃厚興趣的Jeremy,在聽過分校舉辦的課程說明會後,決定報名並利用下班後時間學習跨境電商行銷,他分享道:「馬雲說過不做電子商務,未來就無商可務。」
巨匠電腦學員楊越
楊越

我來自東北 我在台灣學會阿里巴巴跨境電商絕活

楊越目前主要的工作,就是跟客戶介紹公司的電商服務和阿里巴巴平台,由來自大陸的她開口,更是格外有親和力和說服力,「很感謝巨匠提供媒合機會,讓我有機會在電商領域發揮所學,我也知道全球的電子商務技術發展日新月異,未來的雙11購物節還會結合VR技術呢!我也會不斷充實所學,讓更多人認識跨境電商和阿里巴巴!」
索取課程資訊

電腦Live講堂 來自業界的資訊新知

索取課程資訊

巨匠電腦 你的第一選擇

扎實的教學經驗
35
扎實的教學經驗
學員的成功見證
100
+萬
學員的成功見證
業界名師雙軌培訓
1600
+萬
業界名師雙軌培訓
企業媒合 工作機會
50000
+個
企業媒合 工作機會
×
提醒鈴鐺
【官網限定好禮】
免費體驗課程,熱門主題任你選!
熱門課程任選 免費體驗!
體驗課程
arrow_upward