學 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 影像設計

    • 環境介面認識
    • 工具運用(汙點修復筆刷、環境介面認識 、修補工具、印章工具、紅眼工具 、海綿工具、造形選取、套索、魔術棒、快速選取…等)
    • 掌握快速、完美的去背技巧,利用工具形成路徑去背、結合色版功能進行
    • 了解灰階遮掩、向量遮掩相關修補畫面技巧運用
    • 軟體功能呈現不同圖像風貌
    • 設計製作美觀適用性高的按鈕(網頁、視訊和行動裝置等媒體)
    • 針對各平面素材進行文案設計規劃(廣告稿、Banner、海報、書本封面、大圖海報…等)
    • 產生動態 GIF 貼圖或影片
    • 學習奇特風格效果、合成效果、變形…等視覺效果的整合運用
Illustrator CC插圖設計

Illustrator插畫設計

    • 點線面與數字的聯想
    • Q 版人物與自製筆刷花紋設計
    • 色彩呈現與材質效果
    • 3D 商品外觀與產品包裝設計
    • 應用透視格線,繪製空間模擬圖
HTML&CSS基礎網頁語法

HTML&CSS基礎網頁語法

    • HTML基本概念、網頁結構、相對路徑與絕對路徑
    • 資料呈現及輸入方式,分辨區塊元素與行內元素
    • CSS基本概念、權重、選取器
    • 背景樣式應用與排版基礎(盒子模型)
    • 經典網頁排版(置中技巧、Inline-block、Float排版)
商業視覺設計師養成

商業視覺設計實務養成

    • 設計概念與創意發想、設計企劃實務
    • CIS企業識別、品牌定位、產業分析
    • 周邊商品應用設計、網頁形象設計
    • 攝影構圖法則與實際拍攝
    • 海報/DM傳單/其他商品設計製作
    • 網站Banner製作
    • 專題企劃、作品集Mockup
UI/UX使用者介面設計

UI/UX使用者介面設計

    • 介面設計工作流程與目標
    • 需求分析方式,受眾及情境模擬,競業資料 ,蒐集及分析
    • 解決方案模擬
    • 原型設計功能清單/路徑/分鏡規劃
    • 專題製作及發表
響應式網頁前端設計

響應式網頁前端設計

    • HTML 網站網頁程式語法
    • CSS網頁架構布局排版
    • 網頁動畫-Transition轉場,Transform 2D變形
    • 建立3D動畫, Transform 3D變形
    • JavaScript/jQuery程式語法&函式庫,摺疊選單,動態效果
    • RWD理論&實作
    • Bootstrap網格排版實作&元件製作
PHP&MySQL資料庫網站程式設計

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

    • 使用Visual Studio/XAMPP/My SQL建置資料庫
    • 互動式網頁功能操作
    • 網站搜尋&動畫效果實作
    • 網頁發布&維護/維運
接案學

接案學

    • 接案概念流程及設計案件種類
    • 歧異點談判技巧
    • 業主需求分析及目標對象分析
    • 成本/報價技巧及報價單製作
    • 合約重點與各種合約書異同分析
    • 違約處理
商業視覺設計人才養成

商業視覺設計人才養成

    • 圓方三角與黑色方塊創意聯想
    • 反面主題後現代風格海報引導
    • 文字海報及海報風格形式設計
    • 排版四原則與海報改造
    • 海報風格與形式設計
    • 模擬案件專題實作
平面接案實務班

商業視覺設計接案實務

    • 目標對象分析與創意思考
    • 文案規劃與設計主題表現
    • 廣告精神及手法、廣告心理學
    • 幾何圖學與圖騰設計
    • 品牌包裝與輔銷品規劃設計
    • 包裝法規、包材與包裝模擬
    • 瓶罐、食品、禮盒包裝專題
    • 需求分析/提案/設計企劃/報價
    • CIS專題設計執行與成果發表
    • 作品集與案件實作
ACP-PhotoShop考前衝刺班

ACP-PhotoShop考前衝刺班

    • 環境介面與系統設定
    • 圖層面板操作、圖層樣式、智慧型物件
    • 變形設定、影像裁切、感知修補
    • 字元相關定義、文字輸入應用、專案管理
    • 模擬考題實戰
ACP-Illustrator考前衝刺班

ACP-Illustrator考前衝刺班

    • 環境介面與系統設定
    • 路徑功能教學說明、變形操作
    • 遮色片、繪圖樣式、影像描圖…等
    • 文字工具、專案管理、智慧財產權…等
    • 模擬考題實戰

課程應用與發展

你可以獲得以下技能…
  • 熟悉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 影像設計

    • 環境介面認識
    • 工具運用(汙點修復筆刷、環境介面認識 、修補工具、印章工具、紅眼工具 、海綿工具、造形選取、套索、魔術棒、快速選取…等)
    • 掌握快速、完美的去背技巧,利用工具形成路徑去背、結合色版功能進行
    • 了解灰階遮掩、向量遮掩相關修補畫面技巧運用
    • 軟體功能呈現不同圖像風貌
    • 設計製作美觀適用性高的按鈕(網頁、視訊和行動裝置等媒體)
    • 針對各平面素材進行文案設計規劃(廣告稿、Banner、海報、書本封面、大圖海報…等)
    • 產生動態 GIF 貼圖或影片
    • 學習奇特風格效果、合成效果、變形…等視覺效果的整合運用
Illustrator CC插圖設計

Illustrator插畫設計

    • 點線面與數字的聯想
    • Q 版人物與自製筆刷花紋設計
    • 色彩呈現與材質效果
    • 3D 商品外觀與產品包裝設計
    • 應用透視格線,繪製空間模擬圖
商業視覺設計師養成

商業視覺設計實務養成

    • 設計概念與創意發想、設計企劃實務
    • CIS企業識別、品牌定位、產業分析
    • 周邊商品應用設計、網頁形象設計
    • 攝影構圖法則與實際拍攝
    • 海報/DM傳單/其他商品設計製作
    • 網站Banner製作
    • 專題企劃、作品集Mockup
UI/UX使用者介面設計

UI/UX使用者介面設計

    • 介面設計工作流程與目標
    • 需求分析方式,受眾及情境模擬,競業資料 ,蒐集及分析
    • 解決方案模擬
    • 原型設計功能清單/路徑/分鏡規劃
    • 專題製作及發表
響應式網頁前端設計

響應式網頁前端設計

    • HTML 網站網頁程式語法
    • CSS網頁架構布局排版
    • 網頁動畫-Transition轉場,Transform 2D變形
    • 建立3D動畫, Transform 3D變形
    • JavaScript/jQuery程式語法&函式庫,摺疊選單,動態效果
    • RWD理論&實作
    • Bootstrap網格排版實作&元件製作
接案學

接案學

    • 接案概念流程及設計案件種類
    • 歧異點談判技巧
    • 業主需求分析及目標對象分析
    • 成本/報價技巧及報價單製作
    • 合約重點與各種合約書異同分析
    • 違約處理
商業視覺設計人才養成

商業視覺設計人才養成

    • 圓方三角與黑色方塊創意聯想
    • 反面主題後現代風格海報引導
    • 文字海報及海報風格形式設計
    • 排版四原則與海報改造
    • 海報風格與形式設計
    • 模擬案件專題實作
平面接案實務班

商業視覺設計接案實務

    • 目標對象分析與創意思考
    • 文案規劃與設計主題表現
    • 廣告精神及手法、廣告心理學
    • 幾何圖學與圖騰設計
    • 品牌包裝與輔銷品規劃設計
    • 包裝法規、包材與包裝模擬
    • 瓶罐、食品、禮盒包裝專題
    • 需求分析/提案/設計企劃/報價
    • CIS專題設計執行與成果發表
    • 作品集與案件實作
ACP-PhotoShop考前衝刺班

ACP-PhotoShop考前衝刺班

    • 環境介面與系統設定
    • 圖層面板操作、圖層樣式、智慧型物件
    • 變形設定、影像裁切、感知修補
    • 字元相關定義、文字輸入應用、專案管理
    • 模擬考題實戰
ACP-Illustrator考前衝刺班

ACP-Illustrator考前衝刺班

    • 環境介面與系統設定
    • 路徑功能教學說明、變形操作
    • 遮色片、繪圖樣式、影像描圖…等
    • 文字工具、專案管理、智慧財產權…等
    • 模擬考題實戰

課程應用與發展

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

免費課程 諮詢

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

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

索取課程資訊

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

巨匠電腦學員王思雯
王思雯

理論加實務並進 如願成為電商人才

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

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

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

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

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

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

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

理論加實務並進 如願成為電商人才

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

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

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

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

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

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

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

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

索取課程資訊

巨匠電腦 你的第一選擇

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