1限目
実技 マルチデザイン実習②
XDのデータ取り込みについて
2限目
実技 マルチデザイン実習②
XDのツールについて
3限目
実技 マルチデザイン実習②
XDのプロトタイプと共有機能のついて
4限目
実技 マルチデザイン実習②
模擬面接の実践
5限目
実技 マルチデザイン実習②
応募用ページについて・アンケート実施
本日のテーマ①
XDの実践
ワイヤーフレーム・デザインカンプはXDでも作れます
本日のテーマ②
模擬面接を実践してみましょう
模擬面接大会
まずはグループをつくり役割分担をしましょう
・面接担当者
・面接を受ける人
・オブザーバー
ローテーションでそれぞれの役割を1回はやってみましょう！
ワンポイントアドバイス
「人前で話す」に慣れましょう
XDについて
- コンポーネント
Adobe XDとは？Web制作・アプリ開発に役立つ6つの魅力を紹介 | 株式会社ニジボックス
Adobe XDの特徴や人気の理由、他のソフトとの違いなど、Adobe XDの魅力を詳しく解説します。
blog.nijibox.jp
【初心者向け】Adobe XDの基本的な使い方を解説
本記事では、Adobe XDの基本機能や使い方を、初心者向けに分かりやすく紹介します。Webサイトやアプリのデザインカンプから、プロトタイプの作成方法まで一連の流れに沿って紹介していますので、Adobe XDの使用を検討されている方はぜひ参...
blog.hubspot.jp
Adobe XD (Adobe Experience Design)は、WebサイトやモバイルアプリのUI/UXデザイン、プロトタイプ作成に特化したツールです。直感的な操作性と、他のAdobe製品との連携のしやすさが特徴で、デザインからプロトタイプ作成、共有までを効率的に行うことができます。
Adobe XDでできること:
- デザイン作成:アートボード上でデザインを作成し、リピートグリッドやレスポンシブサイズ変更などの機能で効率的にデザインを制作できます.
- プロトタイプ作成:デザインを基に、画面遷移やアニメーションなどを設定し、インタラクティブなプロトタイプを作成できます.
- 共有と共同編集:作成したデザインやプロトタイプをURLで共有したり、共同編集者を招待して複数人で作業したりできます.
Adobe XDの主な機能:
- デザインモード:アートボード、描画ツール、レイヤー機能、リピートグリッドなど、デザインに必要な機能が揃っています.
- プロトタイプモード:画面遷移、アニメーション、オーバーレイ、音声機能など、プロトタイプの作成に必要な機能が備わっています.
- 共有機能:デザインを共有するためのURLを生成したり、デザインスペックを共有したりできます.
- 共同編集機能:複数人でデザインを共同編集できます.
Adobe XDのメリット:
- 直感的な操作性:初心者でも使いやすいシンプルなインターフェースで、スムーズにデザイン作業を進めることができます.
- 高速な動作:比較的軽い動作で、ストレスなく作業できます.
- 他のAdobe製品との連携:PhotoshopやIllustratorなど、他のAdobe製品からデザインをインポートしたり、After Effectsに書き出したりできます.
- プロトタイピング機能:コーディングなしで、Webサイトやアプリの動きを再現できるプロトタイプを作成できます.
- 共有機能:簡単にデザインを共有でき、フィードバックを得やすいです.
Adobe XDのデメリット:
- 2024年に単体プランが終了し、他のAdobe製品との統合が進められています.
- Figmaなどの競合ツールと比較して、機能面で見劣りする部分もあると指摘されています.
まとめ:
Adobe XDは、UI/UXデザインに特化した強力なツールであり、Webサイトやモバイルアプリのデザイン、プロトタイプ作成を効率的に行うことができます。直感的な操作性と他のAdobe製品との連携のしやすさが魅力ですが、単体プランの終了や競合ツールの台頭など、今後の動向に注意が必要です.
コメント