教學課程
Photoshop GUI 手機介面創作設計班

【教學主題一】基本手機網頁版型的設計

• 手機網頁版型 wire frame 的繪製。
• 基本手機網頁版型的結構。
• 手機網頁版型的元素構成

• 手機網頁版型的尺寸規畫
• 大尺寸手機與小尺寸手機的設計。
• 手機網頁版的色彩計畫。

【教學主題二】手機網頁版型材質認識及製作、UI 基本 icon 設計、各種風格認識

• 手機版型材質繪製應用
• 布、紙、塑膠、磨砂面。
• 手機基本介面 Icon 繪製。
• 進階圖層及資料夾分類管理。
• 進階向量圖層應用

• 手機版型與路徑工具的應用。
• 手機版型風格定義。
• 手機版型色彩計畫。
• 手機版型常用 UI icon 設計。

【教學主題三】擬真 icon 設計、畫面比例配置、透視介面設計。

• 手機 icon 光線的控制及設定。
• 模擬物件表面紋理。
• 混色模式應用。
• 建立材質、貼圖、圖樣庫。

• 手機版型上材質及效果搭配。
• ICON 透視觀念建立。
• 物件比例配置及設定。
• 3D 物件建立。

【教學主題四】漸層光影應用、玻璃、金屬表面等處理。

• 手機網頁版型基本漸層應用。
• 立體漸層應用、製作表面立體感。
• 複數漸層應用、製作空間、及光線控製。
• 材質漸層應用、金屬及玻璃等各式物件。
  

• 漸層及圖層效果綜合應用。
• 手機版型濾鏡紋理使用。
• 手機版型擬真光線處理。
• 不同光源切換設定、Btn狀態。

【教學主題五】建立手機版型介面視覺系統及規畫。

• 手機版型介面共用物件設計。
• 手機版型品牌視覺延伸設計。
• 介面比例規畫視覺設計。
• 字型規則建立設計，字級選擇。

• 手機版型字體風格選用計畫。
• 手機版型標準字設計。
• 手機版型模組化設計。
• 建立自動生產模組視覺。

【教學主題六】UI 介面設計規畫、操作動線設計(手機、ipad、網頁RWD)

• RWD 初始草圖製作。
• RWD不同比例畫面配置設計及規畫。

• RWD 操作動線設計、手勢。
• 手機版型動態規畫。

【教學主題七】手機版型元件輸出管理

• 手機版型切片輸出。
• 動態及靜態元件輸出。
• 手機版型 @2x 及 @3x 圖片及文字換算。

• iOS 及 Android Icon 輸出及 resize。
• 圖層樣式效果輸出。
• 手機版型視覺溝通。