DATE:2019.3.12/19/26 19:00-2100
PLACE:デジタルハリウッド福岡校
LEVEL:初級
3週間連続、入門ハンズオンワークショップを開催
福岡で第5回目となるコミュニティイベントは、Adobe XDビギナーの方向けの「入門ハンズオンワークショップ」を開催。
1コマ2時間、計6時間のワークショップで「Adobe XDを全く触ったことがない人が、Webページのプロトタイプを1ページ作れるようになる!」という目標をテーマに、初歩的な操作から共有機能まで一気にみんなで学んでいこう!という内容でした。
どんな方が参加されたか
今回は初めてAdobe XDを触るディレクターの方の参加が比較的多かったようです。
(事前アンケートでの集計結果より掲載)
ワークショップレポート
第1回:Adobe XDの基礎
- アートボード・ツールの基本知識
- 図・線の描画
- リピートグリッドを使いこなそう
まずはAdobe XDで何ができるのか?どうやってデザインを始めるのか?
ツールに慣れてもらうための基礎知識を紹介しました。
後半は実際に、オブジェクトの描画や変形にチャレンジ。
やはりAdobe XDの代名詞である「リピートグリッド」には、会場には感嘆の声が溢れました(笑)
第2回:Adobe XDを使ってワイヤーフレームを作ろう
- ワイヤーフレームをトレースしよう
- アセットを活用しよう
- CCライブラリを活用しよう
事前に用意した手書きのワイヤーフレームをトレースするというワークショップを行いました。
前週で練習した長方形/円のオブジェクトの描画、リーピトグリッドを使い、素早くワイヤーフレームを作成することができました。
より効率的に作業を行うためのアセットやCCライブラリの使い方などもご紹介しました。
第3回:Adobe XDを使ってコミュニケーション(+番外編)
- Adobe XDモバイルアプリの紹介
- 便利なプラグインを使おう
- Adobe XDでコミュニケーション
- 自動アニメーションで遊ぼう
最終回は前週作成したワイヤーフレームからデザインカンプを仕上げ、それを共有するというワークショップ。
その中でモバイルアプリや今話題のプラグインを絡めて、さらに作業効率化のテクニックをご紹介しました。
Adobe XDはデザインだけでなく、デザイン共有も簡単で、コメント機能を使ったコミュニケーションもできるというのも大きな特徴です。ぜひ制作の現場でフル活用してもらいたいです。
そして最後に、自動アニメーションで遊ぼう!
スライドショーを作ったり、アイコンを回転させたりして、参加者全員で盛り上がりました。
Adobe XDの無限の可能性でお腹いっぱいになっていただいたところで、今回の入門ワークショップは終了です。
参加者の感想
- リピートグリッド、イラレやkeynoteにもないXD独自の機能で大変興味深かったですし、XDを使用してデザインやワイヤーフレームを制作してみたいと感じさせてくれるコンテンツでした。
- リピートグリッド!これはビックリでした!仕事で活用できそうです。
- アセットでメインカラーなどを登録しておけば制作が楽だろうなと思いました。
- CSSのぶっこ抜きはビビりました!!(プラグイン[Copy CSS to Clipboard]に対して)
- WEBデザインのカンプを共有できる所がとても魅力的でした!仕事で使用したいと思います!
(アンケートより抜粋)
ご参加いただいた皆様、ありがとうございました!!
XDUG福岡は、スピーカー/イベントスタッフを募集しております
XDUG福岡は有志のスタッフによって運営されています。
- Adobe XDに関して喋りたい!
- 福岡のコミュニティで色んな人と繋がりたい!
ぜひAdobe XD ユーザーグループ福岡を一緒に盛り上げていきませんか?
話す内容はAdobe XDに関することであれば自由、デザイナーでもディレクターでも職種は全く問いません。
イベントスタッフも未経験全然OKです。
ご興味ある方はFacebook もしくは管理人ツイッターアカウントにお気軽にお問い合わせください。