學 Photoshop視覺設計 /
UI網頁設計課程
成為高薪斜槓族

商業視覺設計

職缺高達3,500個

數位出版實務

平均起薪 30K↑

RWD網頁設計

薪資上看 50K


Photoshop

Illustrator

InDesign

發稿輸出

HTML

CSS

為什麼學習Photoshop視覺設計 / UI網頁設計課程?

理由 1

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

理由 2

消費者意識抬頭進而講究美感
消費者意識抬頭進而講究美感
近年來消費者意識高漲,比以往更要求產品細節及美感,創新力及設計力漸漸成為產品成敗關鍵,再加上創意產業崛起、文創商品的潮流趨勢,將設計力轉化成品牌力影響甚鉅。
 

理由 3

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

理由 4

工作機會多 薪資漲幅高
工作機會多 薪資漲幅高
據人力銀行數據顯示,設計相關職務累積滿五年資歷,薪資漲幅最高可達53.52%,且設計相關職缺高達14,603個,工作機會多!
平面視覺設計課程

課程特色

 
完整的課程規劃
書籍翻頁效果完整的課程規劃
課程規劃由淺入深,從光影色彩運用到平面構圖,紮實學員的設計基礎,再進入軟體操作階段,並引進業界範例學習活用,為學員量身打造整系列教學。
ACA License
原廠授權肯定Adobe原廠授權教育中心
巨匠提供的ACA證照課程,採取小班制教學,逐一讓學員了解Adobe出題緣由,並同步使用電腦操作軟體,將所學融會貫通,讓你活用技巧輕鬆取得證照!
業界名師指導
講師教學背影業界名師指導
巨匠擁有1,600位專業教學講師,依學員程度引導教學,豐富的教學經歷幫助學員突破學習痛點,並且引薦優秀學員轉職就業。
巨匠電腦設計學院
調色盤巨匠專屬設計學院
為提升學員「創造力」及「競爭力」,巨匠特別規劃結合「技能培訓」及「實務教學」的進階課程,打造符合市場需求的專業設計人才。

商業視覺設計

美工平面套課課程的設計,將以設計的角度出發,運用Illustrator插畫工具的功能,深入說明點線面應用技巧,帶領您將虛擬想像,化為現實影像。結合Photoshop 中的強大影像處理技巧功能,您不但能將插畫作品,搭配相片作品進行影像創作,設計出更精緻的視覺影像。最後,要將影像和插畫成品,應用在手冊、廣告文宣、商品包裝設計等刊物,透過Indesign 的強大編排功能,讓文字成為影像設計的一部份,為設計作品加分。
Photoshop CC影像設計
    • 基礎修圖功能介紹
    • 去背功能介紹:鋼筆、套索、色版、色階等工具
    • 圖層遮色片、圖層混合模式、濾鏡風格等
    • 按鈕設計、筆刷風格的設定
    • 廣告文宣、海報設計運用
    • 動態GIF貼圖製作
Illustrator CC插圖設計
    • 點線面設計觀念建立及基本編輯功能教學
    • 線條描繪基本技巧
    • 運用筆刷設計花紋邊框及Q版人物、貼圖等
    • 運用漸層、網格填色工具設計UI面板素材等
    • 繪製具3D效果的產品外觀、商場空間建置等
Line動態貼圖設計
    • 創意發想:角色創意發想、貼圖格式介紹及違規貼圖
    • 角色、風格設定:角色題材延伸、角色設計流程
    • 角色繪製:表情與肢體動作、情緒療癒
    • GIF動畫與APNG動態貼圖製作
    • 以貼圖角色設計主題
    • 貼圖上架:貼圖轉檔、選出經典圖案做為宣傳貼圖、提交、送審
平面設計師實務養成
    • 基本設計概念與製程
    • 圖像線條描繪基本技巧
    • 基礎包裝設計
    • 活動展場商品設計、文宣商品設計
    • 吉祥物與公仔設計
    • 雷射雕刻設計與製作
    • DM傳單設計、海報設計與輸出
    • 產業實務案例、印刷實務案例
*接案學
    • 設計接案概念:切換商業腦
    • 五大案件說明:平面設計、網頁設計、插畫設計、影片剪輯、程式設計
    • 接案流程說明
    • 訪談技巧:提問題的方法、歧異點談判、業主需求分析等
    • 報價技巧及報價單製作
    • 合約書重點、違約處理等法務相關
*平面接案養成班
    • 基本創意方法與自我探索
    • 引導正面/反面創意聯想
    • 文字與文案創作、海報風格與形式設計
    • 風格研究及創造
    • 模擬案件實作
*平面接案實務班
    • 進階創意方法與深度自我探索
    • 廣告創意設計:廣告精神、手法、心理學
    • 創造設計的靈魂 - 設計發想與說故事
    • 進階創意方法:借花獻佛、變形金剛
    • 包裝設計專題
    • CIS設計專題執行、提案、發表
商品設計即戰技
    • 利用軟體功能進行精緻商品的提案
    • 摺面技設計手工袋、包裝袋、包裝盒、新鮮屋
    • 迴轉技設計馬克杯、冰淇淋杯、柱狀商品
    • 柔軟技設計抱枕、束口袋、產品包
    • 整合技設計鑰匙圈
Lightroom 社群網站美圖編修
    • LightRoom 後製處理,數位暗房處理技巧
    • Photoshop 影像編修技巧、圖層模式應用
    • Photoshop 影像合成、濾鏡效果、匯出
    • 作品設計與定稿
    • IG 圖片、印前、網路等發佈設定
3小時教你製作動圖抓住目光
    • 使用 Photoshop製作多種動態的圖片檔
    • 網路應用 Gif檔案介紹
    • 一圖多用示範 (圖片- gif -影片)
    • 製作簡易影片多媒體素材下載
    • 發布網路平台 (Youtube)
ACA-PhotoShop考前衝刺班
    • ACA認證考試介紹
    • 影像之取得、影像檔案管理、基礎工具介紹
    • 圖層操作與應用
    • 繪圖工具與文字工具應用
    • 進階影像處理&合成應用
    • ACA認證模擬試題練習與解說
ACA-Illustrator考前衝刺班
    • 實用的繪圖技巧及色彩基礎
    • 排版編輯-文案&DM
    • 設計應用-APP ICON、原創貼圖
    • Illustrator軟體整合應用與實例應用

課程應用與發展

你可以獲得以下技能…
  • AI插畫繪製能力
  • PS影像設計能力
  • 平面作品創作與完稿輸出
  • 印刷品製作與基本觀念
此系列課程適合…
  • 零基礎,對視覺設計有興趣的你
  • 想朝設計相關領域發展的你
  • 熱愛創作並想培養美感的你
  • 想學第二專長,當斜槓青年的你
培訓完成你可以當…
  • 美術編輯
  • 平面設計師
  • 商業廣告設計
  • 網頁視覺設計師
索取課程資訊

數位出版實務

了解傳統書籍的製作,包含報紙雜誌,還可以學習製作互動網頁,以及電子書。建議具備PS、AI的基礎。
課程皆以實務面來教講,學員學習完後可以進行接案。課程當中會了解到職場技能需求,完成一般書籍、電子書、互動網頁的作品產生,可立即投入職場。
Photoshop CC影像設計
    • 基礎修圖功能介紹
    • 去背功能介紹:鋼筆、套索、色版、色階等工具
    • 圖層遮色片、圖層混合模式、濾鏡風格等
    • 按鈕設計、筆刷風格的設定
    • 廣告文宣、海報設計運用
    • 動態GIF貼圖製作
Illustrator CC插圖設計
    • 點線面設計觀念建立及基本編輯功能教學
    • 線條描繪基本技巧
    • 運用筆刷設計花紋邊框及Q版人物、貼圖等
    • 運用漸層、網格填色工具設計UI面板素材等
    • 繪製具3D效果的產品外觀、商場空間建置等
平面設計師實務養成
    • 基本設計概念與製程
    • 圖像線條描繪基本技巧
    • 基礎包裝設計
    • 活動展場商品設計、文宣商品設計
    • 吉祥物與公仔設計
    • 雷射雕刻設計與製作
    • DM傳單設計、海報設計與輸出
    • 產業實務案例、印刷實務案例
InDesign 數位與印刷出版實務
    • 了解書籍結構、製程並運用PS、AI設計書籍封面
    • 內頁版型設計:主版運用
    • 圖檔置入、文稿導入相關功能介紹
    • 內頁進階編輯設計:圖文整合、目錄與表格設定等
    • 認識檔案封裝與Epub、PDF格式輸出
    • 互動網頁教學:按鈕、超連結、動畫、聲音、影片等控制功能
    • Publish Online功能
*接案學
    • 設計接案概念:切換商業腦
    • 五大案件說明:平面設計、網頁設計、插畫設計、影片剪輯、程式設計
    • 接案流程說明
    • 訪談技巧:提問題的方法、歧異點談判、業主需求分析等
    • 報價技巧及報價單製作
    • 合約書重點、違約處理等法務相關
*平面接案養成班
    • 基本創意方法與自我探索
    • 引導正面/反面創意聯想
    • 文字與文案創作、海報風格與形式設計
    • 風格研究及創造
    • 模擬案件實作
*平面接案實務班
    • 進階創意方法與深度自我探索
    • 廣告創意設計:廣告精神、手法、心理學
    • 創造設計的靈魂 - 設計發想與說故事
    • 進階創意方法:借花獻佛、變形金剛
    • 包裝設計專題
    • CIS設計專題執行、提案、發表
封面設計與發稿實務
    • 封面設計的架構
    • 封面主題的設計
    • 排版組列與模擬成品
    • 局部光設計與發稿印製
小名片的大商機
    • 認識名片與設計
    • 了解合版名片與拼版名片、尺寸與素材的差異
    • 強化印刷設計相關注意事項,認識拼版的概念
    • 特殊名片設計
    • 發稿、製程與估價
商品3D提案好幫手 Dimension CC
    • Adobe Dimension 3D設計工具建立體模型
    • 輕鬆合成2D和3D圖形,強化材質增強圖形設計項目
    • 進行平面設計與3D空間初步結合
    • 即時調光線與貼圖對應背景空間效果
    • 設定產品與空間光源、材質背景效果
ACA-PhotoShop考前衝刺班
    • ACA認證考試介紹
    • 影像之取得、影像檔案管理、基礎工具介紹
    • 圖層操作與應用
    • 繪圖工具與文字工具應用
    • 進階影像處理&合成應用
    • ACA認證模擬試題練習與解說
ACA-Illustrator考前衝刺班
    • 實用的繪圖技巧及色彩基礎
    • 排版編輯-文案&DM
    • 設計應用-APP ICON、原創貼圖
    • Illustrator軟體整合應用與實例應用

課程應用與發展

你可以獲得以下技能…
  • PS、AI、ID軟體操作能力
  • 書本結構、輸出印刷、生產製程概念
  • 數位行動裝置排版能力
  • 網頁協同作業、印刷設計能力
此系列課程適合…
  • 零基礎,對視覺設計/數位出版有興趣的你
  • 想朝設計相關領域發展的你
  • 熱愛創作並想培養美感的你
  • 想學第二專長,當斜槓青年的你
培訓完成你可以當…
  • 美術編輯
  • 平面設計師
  • 商業廣告設計
  • 包裝設計師
索取課程資訊

RWD網頁設計

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

進入網頁設計教學課程前,您可以先進一步了解:
UI/UX設計課程 - 設計師、行銷人的職場必修課
網站架構全攻略,新手架設網站第一步從這開始!
Photoshop網頁版型設計
    • 遮色片、矩形工具、圖層、參考線等操作技巧
    • 網頁結構說明、素材需求-介紹免費網頁資源
    • 智慧型物件:版型製作、網頁尺寸新增、網頁群組建立、元素組合與製作
    • 版型模組:建立自己的Webpage Wireframe、常用的框架與格式、改版
    • 多螢幕網頁版型設計
    • 切片與匯出:套件製作、影像資產設定
Dreamweaver 創意網頁設計
    • DW環境設定及了解基礎HTML:標題與段落、圖片、超連結等
    • CSS 常用樣式:基本選取器、文字/背景/清單樣式
    • CSS 排版技巧:行內與區塊、盒子模式、浮動排版
    • CSS框架 - Bootstrap快速上手
    • CSS 動畫與特效:轉場動畫、2D與3D變形效果
    • javascript與jQuery應用:圖片輪播、燈箱效果等
    • 網頁設計範例實作
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設計專題執行、提案、發表
秒上手!UI 設計師的新工具-Adobe XD
    • UI/UX 基本概念
    • 使用Adobe XD 編排網頁介面
    • 使用Adobe XD 編排手機程式介面
魔藥學- Xd x Figma 七種網頁原型設計
    • Figma介紹、原型設計與製作
    • 網頁原型設計與製作
    • Adobe Xd介紹、原型設計與製作
    • 購物型網頁、卡片式網頁 原型設計
HTML5 動態 banner 設計密技
    • Animate CC工具的應用技巧及動畫整合
    • 動態HTML5 Banner實作
    • 互動HTML5 Banner特效實作
    • Google Web Designer軟體應用
ACA-PhotoShop考前衝刺班
    • ACA認證考試介紹
    • 影像之取得、影像檔案管理、基礎工具介紹
    • 圖層操作與應用
    • 繪圖工具與文字工具應用
    • 進階影像處理&合成應用
    • ACA認證模擬試題練習與解說
ACA-Illustrator考前衝刺班
    • 實用的繪圖技巧及色彩基礎
    • 排版編輯-文案&DM
    • 設計應用-APP ICON、原創貼圖
    • Illustrator軟體整合應用與實例應用
ACA-Dreamweaver考前衝刺班
    • ACA認證考試介紹
    • 認識Dreamweaver操作環境與HTML及網頁的圖片與色彩處理
    • 超連結設定與表格的編輯&CSS樣式表
    • AP元素及網頁之編排&多媒體物件介紹
    • 資源、片段與範本介紹&網站的上傳管理
    • ACA認證模擬試題練習與解說

課程應用與發展

你可以獲得以下技能…
  • 熟悉HTML、CSS概念並快速製作網頁
  • 瞭解並學會使用Javascript、Bootstrap
  • 學會且可以獨立製作RWD網站
此系列課程適合…
  • 零基礎,想朝網頁設計領域發展的你
  • 設計相關人員,欲培養第二專長的你
  • 小資老闆,想自己開發並維護品牌官網的你
培訓完成你可以當…
  • 網頁設計師
  • 網站程式設計師
  • PHP網站開發工程師
索取課程資訊

免費課程 諮詢

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

Photoshop視覺設計 / UI網頁設計 專業師資陣容

索取課程資訊

Photoshop視覺設計 / UI網頁設計 課程學員心得

徐月梅

不只賣窗簾 這個空間很有人情味

萬聖節時,可以看到小朋友圍繞著店裡搗蛋要糖;利用店裡的布料開辦手作才藝班,縫製娃娃;甚至是計畫胎教講座、規劃獨居老人公益活動等這類回饋社會的企劃活動,已經不單純只是為了生意上匯聚人氣的初衷了,他謙虛的說:「就只是尋求自己的優點,看自己會什麼就做什麼而已。」
吳安安

傻丫頭向前衝 加倍努力圓設計夢

從小喜歡繪畫、剪紙藝術的安安,因為生長背景的關係,目標漸漸顯得模糊不清,心生各種「不可能」的理由說服自己放棄夢想。但是一通電話,粉碎了這些猶豫,讓她從凝滯的生活驚醒。
張宏慈

溫柔幼教大姊姊 變身專業美工設計師

從事幼兒教育工作一路走來,為了具備製作幼兒學習教材、畢業活動花絮剪輯、小朋友學習紀錄檔案、校方活動照片的編輯修改等平面美工設計的能力,在大學課程裡,就已經開始接觸基礎美工設計軟體,學習的方向與操作的範例,都是以輔助幼兒教育學習為導向。
王翊葦

純粹學習 很好

王翊葦,服務於傳產的行政工作,老實說,這些平面設計課程與工作內容未必有直接的關連。 現在,她的學習「動機很單純」,就是為了興趣而學。
徐月梅

不只賣窗簾 這個空間很有人情味

萬聖節時,可以看到小朋友圍繞著店裡搗蛋要糖;利用店裡的布料開辦手作才藝班,縫製娃娃;甚至是計畫胎教講座、規劃獨居老人公益活動等這類回饋社會的企劃活動,已經不單純只是為了生意上匯聚人氣的初衷了,他謙虛的說:「就只是尋求自己的優點,看自己會什麼就做什麼而已。」
吳安安

傻丫頭向前衝 加倍努力圓設計夢

從小喜歡繪畫、剪紙藝術的安安,因為生長背景的關係,目標漸漸顯得模糊不清,心生各種「不可能」的理由說服自己放棄夢想。但是一通電話,粉碎了這些猶豫,讓她從凝滯的生活驚醒。
張宏慈

溫柔幼教大姊姊 變身專業美工設計師

從事幼兒教育工作一路走來,為了具備製作幼兒學習教材、畢業活動花絮剪輯、小朋友學習紀錄檔案、校方活動照片的編輯修改等平面美工設計的能力,在大學課程裡,就已經開始接觸基礎美工設計軟體,學習的方向與操作的範例,都是以輔助幼兒教育學習為導向。
王翊葦

純粹學習 很好

王翊葦,服務於傳產的行政工作,老實說,這些平面設計課程與工作內容未必有直接的關連。 現在,她的學習「動機很單純」,就是為了興趣而學。
索取課程資訊

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

索取課程資訊

巨匠電腦 你的第一選擇

扎實的教學經驗
34
扎實的教學經驗
學員的成功見證
100
+萬
學員的成功見證
業界名師雙軌培訓
1600
+萬
業界名師雙軌培訓
企業媒合 工作機會
50000
+個
企業媒合 工作機會