Adobe - VSDO-Media

使用者介面視覺優化

UI Visual Design Optimization
  • 時數:14小時
  • 費用:NT$ 9,000
  • 點數:2.5

選擇查詢分區開課時間

地點 班號 日期 時間 預約
台北 254240 班 2025/04/23 ~ 2025/04/24 每週三四 09:00~17:00 預約
台北 254300 班 2025/06/21 ~ 2025/06/22 每週六日 09:00~17:00 預約

目前查無開課時段

詳細開課時間請洽詢業務
新竹、台中、高雄如有上課需求,請參考台北開課日期,洽當地服務人員依需求加開遠距開課日期

聯絡恆逸

教材

恆逸專用教材

課程目標

【功能齊全,但畫面總是差強人意?】 【我最沒美感,畫面不好看別問我!!】【拜託給我張美圖或好看的按鈕吧!】… 以上都是程式設計師、網站企劃、行銷企劃常有的心聲。 對於介面設計,若是尚未有畫面設計配合之前,亦或是正在企劃之初,非專業視覺設計的您,也能夠獨自呈現出OK的初步畫面設計嗎?答案是有的,畫面優化得來速就在這,本課程將經由簡單的觀念+輕鬆使用免費的線上軟體【Photopea】來處理介面相關圖片素材,再搭配免費的【Microsoft Designer】生成介面相關素材,優化你的使用者介面,讓您的介面也有美感,擺脫只有紅、綠、藍的畫面吧!

適合對象

  1. 程式設計師、App程式設計師、系統開發、網站企劃、行銷企劃

  2. 本課程適合無任何設計軟體基礎者

課程內容

1.介面設計概論

  • 1-1 關於介面設計
  • 1-2 使用者介面與使用者體驗
  • 1-3 使用者介面設計的分類

2.配色優化一點通

  • 2-1 色彩在介面中的作用
  • 2-2 色彩基礎與屬性
  • 2-3 色彩基本概念
  • 2-4 配色工具輕鬆上手

3.Photoshop必備影像快速處理撇步

  • 3-1 AI生成圖片
  • 3-2 AI編輯圖片素材

4.Photopea必備影像優化撇步

  • 4-1 影像快速調整
  • 4-1-1 曲線調整亮度
  • 4-1-2 色相飽和度調色
  • 4-2 影像尺寸簡單處理
  • 4-2-1 最理想的影像格式
  • 4-2-2 直接更改尺寸與儲存最佳化影像
  • 4-2-3裁切影像
  • 4-3 裁切準確尺寸影像
  • 4-3-1 設定尺寸後裁切
  • 4-3-2 依目標尺寸多張裁切
  • 4-4 自動批次處理大量影像
  • 4-4-1 錄製動作與更改尺寸批次處理
  • 4-4-2影像調整批次處理
  • 4-4-3 裁切批次處理

5.Photoshop輕鬆搞定畫面材質效果與按鈕素材

  • 5-1 影像同尺寸等分切割
  • 5-2 不規則影像切割
  • 5-3 多種尺寸Icon切割
  • 5-4 搭配畫面之影像切割實做
  • 5-4-1 固定寬度介面影像圖框
  • 5-4-2 變動寬度介面影像圖框

6.Photopea輕鬆優化畫面按鈕素材

  • 6-1 使用形狀繪圖工具
  • 6-2 輕鬆為圖案加上效果
  • 6-3 自製按鈕素材
  • 6-3-1 繪製按鈕與圖案
  • 6-3-2 加入按鈕文字
  • 6-4快速打造畫面材質效果與編排
  • 6-4-1繪製區塊圖框
  • 6-4-2 繪製介面按鈕區塊

學會技能

  1. 專業搭配顏色,讓介面更美觀
  2. 正確處理介面使用的圖片素材
  3. 輕鬆處理介面所需的切割圖片
  4. 可自行設計介面所需按鈕與簡單介面

備註事項

課程優惠方案:

早鳥優惠價:開課前2周完成報名繳費,享有早鳥恆逸銀卡優惠價

學生優惠價:參加校園IT職涯學習護照方案,享有5折優惠價NT$4,500元