コース概要

インタロードクション

Adobe IllustratorとAdobe After Effectsについて

  • Adobe IllustratorとAdobe After Effectsで使用されるアセットとコンポーネント
  • Adobe IllustratorとAdobe After Effectsのデザインシステム環境

Webデザインの概要

  • UXとUI
  • ロー・フィデリティデザイン、ハイ・フィデリティデザイン、レスポンシブモバイルデザイン

開発環境の準備

  • Adobe Illustratorのインストール
  • Adobe After Effectsのインストール

Adobe Illustratorを使用した計画とアニメーション

  • サイトマップの作成
  • ロー・フィデリティワイヤーフレームの作成
  • ハイ・フィデリティワイヤーフレームの作成
  • モバイルワイヤーフレームの作成
  • カラムグリッドを使用したデザイン
  • Illustratorテンプレートの使用
  • 色とフォントの追加
  • 画像の追加とクリーニング
  • レイヤーの使用
  • シンボルとアイコンの作成
  • レスポンシブモバイルアプリケーションの標準に合わせて最終化する。

Adobe After Effectsを使用したアニメーション

  • Adobe Illustratorからアートワークをインポートする。
  • 再利用可能なコンポーネントを作成する。
  • ダッシュボードタイルとダッシュボードスクリーンの構築
  • ダッシュボードタイルとダッシュボードスクリーンを最終化する。
  • 要素とスクリーンのアニメーション
  • アニメーションの作成と追加
  • アニメーションを最終化する。
  • すべての最终シーケンスをGIFとしてエクスポートする。

まとめと結論

要求

  • Webデザインの経験

対象者

  • Webデザイナー
 7 時間

参加者の人数


参加者1人当たりの料金

今後のコース

関連カテゴリー