CSS Nite in Osaka, Vol.44 開催レポート
2018年5月19日（土）にデジタルハリウッド大阪校で開催した、
CSS Nite in OSAKA, Vol.44「XD Meet-up / Adobe XD セミハンズオン＆ワークショップ」
多くのかたに参加いただき、大盛況のうちに終了いたしました。
ありがとうございました！
セミナー当日の様子をレポートします。
オープニング
司会は鷹野 雅弘（スイッチ）さんと、松下 絵梨（ツキアカリ）さんです。
セミナー開始早々にプレゼントタイム！
「あいこじゃんけん」でCreative Cloudクリアファイルがプレゼントされ会場が盛り上がりました。
Session 1：「進化し続ける Adobe XD 最新解説」
最初のセッションは、轟 啓介（アドビ システムズ）さんによるAdobe XDの最新情報や解説です。
開発の終わりごろに、クライアントからフィードバックが来ることありますよね… 本当はもっと早い段階で欲しい！
そのためにはプロトタイプが必要、そこでAdobe XDの出番。
XDが「軽い」「速い」「簡単」がよくわかる事例の紹介もありました。
いままでだったら「Photoshopでアートボードを20枚作るのは嫌だな」と思っていたけれど、
XDだったらアートボードがたくさんあってもサクサク！
教材ファイルを触りながらのXD練習。
直感的に「何かしたかったらダブルクリックしてみる」という指針を最初にもらえたのでちょっと安心。
他にも、
・リピートグリッドは画像以外にもテキストを流し込むことができる。
・ペンツールでパス閉じない時は最後「esc」。
・別のアートボードにコピペすると、同じ座標に貼りつけてくれる。
・複数のアードボードにも一度に貼り付けられる（アードボードをドラッグして複数選択）
・Illustratorからコピーしてきたもののアピアランスをペーストで、破線などが再現できて便利。
・インタラクションをコピペすることもできる！
など。
多くの「なるほど、そうだったのか」がありました。
XDでデザインを終えてデザインスペックを公開して、公開リンクを送ると、コーダーがXDを持っていなくてもブラウザでアクセスできること（XDの無料版が出たからインストールもできる）、
ブラウザで、色やサイズがクリップボードにコピーできる便利な機能、なども教えていただきました。
DESIGN AT THE SPEED OF THOUGHT「思考の速度でデザインする」というキーワードで、最初のセッションは終了です。
グラフィックツール制作に便利な「Canva」のご紹介
後半スタート！
長嶋 亜紀（KDDIウェブコミュニケーションズ）さんから、「Canva」のご紹介です。
名刺やポスター用でも可能、トンボがついたPDFもダウンロードできるCanva。
デザイナーさんに流用性の高いフォーマットをひとパターン作ってもらう→担当者レベルで変更など可能、という事例もご紹介くださいました。
そしてプレゼントタイム！
山本 和泉さんの著書「小さな会社&お店のCanva超入門 〜お洒落で目を引くチラシ・ポスター・名刺・ポストカードを無料で作る本」と、Canvaの豪華なグッズを「あいこじゃんけん」での争奪戦！
Session 2：「Adobe XD ワークショップ」
Session2は轟 啓介さんと、松下 絵梨さんによる、ワイヤーフレームを元にデザインカンプとプロトタイプを作る実践編です！
7ページのボリューム！仕様書、サイトマップ、原稿、画像などが配布されました。
作業途中で出してもらったヒントで、みんな「なるほど」とさらに手を進めます。
・1pxの長方形をリピートグリッドにする→マージンを縮める→リピートグリッドをさらに伸ばす。で破線が作れるよ。
・CanvaやAdobe Captureというアプリで、デザインを作って入れ込んでいくのもいいよ。
などなど。
プロトタイプの答え合わせ。復習のときの問いかけ。
・アセットカラーを使えてた人！→ほとんど
・リピートグリッドを使えてた人！→ほとんど
・シンボルの置換を使えてた人！→ちらほら
・複数アートボードにペーストを使えてた人！→まあまあ
「みんなXD の戦闘能力上がったかな！？」と聞かれ、「リピートグリッド楽しい」などとうなずく参加者たち。
みんな頑張ったので、轟さんから、レアアイテムの「XD ステッカー」をもらえることになり、再び盛り上がる！
ステッカー、かわいいですね。
エンディング
最後に、またまたプレゼント！
USBメモリとXDのクッションカバーをかけて、再びあいこじゃんけん！！！
XDがどんどん好きになってしまう4時間でしたね。
長時間お疲れ様でした。ご参加ありがとうございました。
photo by 神田 功一
report by 松尾 千鶴
