Adobe - VSDO-Media

使用者介面視覺構成解析與優化

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

選擇查詢分區開課時間

地點 班號 日期 時間 預約
台北 25423 班 2025/02/24 ~ 2025/02/25 每週一二 09:00~17:00 預約
台北 25424 班 2025/04/23 ~ 2025/04/24 每週三四 09:00~17:00 預約
台北 25430 班 2025/06/21 ~ 2025/06/22 每週六日 09:00~17:00 預約

目前查無開課時段

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

聯絡恆逸

教材

恆逸專用教材

課程目標

【功能齊全，但畫面總是差強人意?】 【我最沒美感，畫面不好看別問我!!】【拜託給我張美圖或好看的按鈕吧!】… 以上都是程式設計師、網站企劃、行銷企劃常有的心聲。 對於介面設計，若是尚未有畫面設計配合之前，亦或是正在企劃之初，非專業視覺設計的您，也能夠獨自呈現出OK的畫面嗎?答案是有的，畫面優化懶人包就在這裡。本課程將經由簡單的觀念，加上輕鬆使用Photoshop內專業的小技巧，讓您的畫面也有美感，擺脫只有紅、綠、藍的畫面吧！

適合對象

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

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

課程內容

1.系統與介面設計畫面的版面設計

  • 1-1 關於介面設計
  • 1-2 畫面的合理版面
  • 1-3 畫面的版面分類

2.配色優化一點通

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

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

  • 3-1 影像快速調整
  • 3-1-1 曲線調整亮度

  • 3-1-2 色相飽和度調色

  • 3-2 影像尺寸簡單處理

  • 3-2-1 最理想的影像格式
  • 3-2-2 直接更改尺寸與儲存最佳化影像

  • 3-2-3裁切影像

  • 3-3 裁切準確尺寸影像

  • 3-3-1 設定尺寸後裁切

  • 3-3-2 依目標尺寸多張裁切

  • 3-4 自動批次處理大量影像

  • 3-4-1 錄製動作與更改尺寸批次處理
  • 3-4-2 影像調整批次處理
  • 3-4-3 裁切批次處理

4.Photoshop搭配畫面之影像精準切割法

  • 4-1 影像同尺寸等分切割
  • 4-2 不規則影像切割

  • 4-3 多種尺寸Icon切割

  • 4-4 搭配畫面之影像切割實作

  • 4-4-1 固定寬度介面影像圖框
  • 4-4-2 變動寬度介面影像圖框

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

  • 5-1 形狀繪圖工具
  • 5-1-1 矩型工具
  • 5-1-2 圓角矩型工具
  • 5-1-3 橢圓工具
  • 5-1-4 多邊型工具
  • 5-1-5 直線工具

  • 5-1-6 自訂形狀工具

  • 5-2 輕鬆為圖案加上效果

  • 5-3 自製按鈕素材

  • 5-3-1 繪製按鈕與圖案

  • 5-3-2 加入按鈕文字

  • 5-4 快速打造畫面材質效果

  • 5-4-1繪製區塊圖框
  • 5-4-2 繪製介面區塊

學會技能

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

備註事項

課程優惠方案：

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

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