Animate Mobile Interfaces with Adobe Illustrator and Adobe After Effects

• 具備網頁設計經驗

受眾

• Web Designers

Adobe Illustrator 是一個圖形編輯器。Adobe After Effects 是一個數位與動畫效果應用程式。兩者結合可以創建動態的 UI/UX 設計，例如行動介面。

這是由講師指導的培訓（線上或線下），旨在幫助網頁設計師使用 Adobe Illustrator 和 Adobe After Effects 創建行動介面。

在培訓結束時，學員將能夠：

• 為響應式行動應用程式實作 UI/UX 設計。
• 在 Adobe Illustrator 中準備並動畫化設計。
• 創建可重複使用的組件。
• 使用 Adobe After Effects 加入進階動畫。

課程形式

• 互動式講座與討論。
• 大量練習與實踐。
• 在實時實驗環境中進行動手實作。

課程定制選項

• 如需為此課程定制培訓，請聯繫我們進行安排。

簡介

Adobe Illustrator 和 Adobe After Effects

• Adobe Illustrator 和 Adobe After Effects 中使用的資產和組件
• Adobe Illustrator 和 Adobe After Effects 中的設計系統環境

Web Design 概述

• UX 與 UI
• 低保真設計 vs 高保真設計 vs 響應式移動設計

準備開發環境

• 安裝 Adobe Illustrator
• 安裝 Adobe After Effects

使用 Adobe Illustrator 進行規劃和動畫設計

• 創建網站地圖
• 創建低保真線框圖
• 創建高保真線框圖
• 創建移動線框圖
• 使用欄格設計
• 使用 Illustrator 模板
• 添加顏色和字體
• 添加和清理圖像
• 使用圖層
• 創建符號和圖標
• 為響應式移動應用程序標準進行最終調整

使用 Adobe After Effects 進行動畫設計

• 從 Adobe Illustrator 導入藝術作品
• 創建可重用的組件
• 構建儀表板瓷磚和儀表板屏幕
• 完成儀表板瓷磚和儀表板屏幕
• 動畫化元素和屏幕
• 創建並添加動畫
• 完成動畫
• 將所有最終序列導出為 gif

總結與結論