AIDesign - VSDO-Media

使用者介面視覺優化

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

選擇查詢分區開課時間

地點 班號 日期 時間 預約
台北 26100 班 2026/03/09 ~ 2026/03/10 每週一二 09:00~17:00 預約
台北 26101 班 2026/05/21 ~ 2026/05/22 每週四五 09:00~17:00 預約
台北 26102 班 2026/06/27 ~ 2026/06/28 每週六日 09:00~17:00 預約

目前查無開課時段

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

聯絡恆逸

教材

恆逸專用教材

課程目標

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

適合對象

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

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

課程內容

  • 1. 介面設計概論
    • 1.1 關於介面設計
    • 1.2 使用者介面與使用者體驗（UI / UX）
    • 1.3 使用者介面設計的分類
  • 2. 配色優化一點通
    • 2.1 色彩在介面中的作用
    • 2.2 色彩基礎與屬性
    • 2.3 色彩基本概念
    • 2.4 配色工具輕鬆上手
  • 3. Microsoft Designer 生成介面素材
    • 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. Photopea 畫面優化之影像精準切割
    • 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元