Office商業應用 - VSDO

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

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元