VSDO-Media 使用者介面視覺優化

實體課程

招生中

VSDO-Media 使用者介面視覺優化

課程地點

台北 │ 請依上課通知資訊為主

課程日期

2026/11/26 ~ 2026/11/27

上課時數

2天共14小時

0

收藏

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

★本課程恕不得與黃金存摺、課程現金抵用券等任何優惠折扣並用!

 

適合對象

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

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

學會技能

1、專業搭配顏色,讓介面更美觀

2、正確處理介面使用的圖片素材

3、輕鬆處理介面所需的切割圖片

4、可自行設計介面所需按鈕與簡單介面

課程大綱

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 繪製介面按鈕區塊


背景圖片
聯絡菁英大學
聯絡icon
↑