概要

パララックス、スクロールエフェクト、スライドショー…
Webサイトでの表現が多様化し、非常にインタラクティブで動きのある楽しいデザインがどんどん可能になってきました。

でも、これらの「動き」のデザインをクライアントにどう提案しますか？

文章や口頭ではなかなか伝えることが難しいこれらのデザインを、より魅力的にクライアントに提案するためにはどんなツールが使えるでしょうか。
今回はAdobe Flashの後継であるAdobe Animateを使ったモックアップの制作・提案の流れと、
今注目のプロトタイピングツールであるAdobe XDやProttを使った実装の概要をお伝えします。

講義内容

// 勉強会 前半
・ノンプログラマー必見！AnimateのトゥイーンといくつかのActionscriptで、簡単なスライドショーやアニメーションの「動くカンプ」を作る方法
・html5 canvasに書き出して、「動くデザインパーツ」をチームで共有する方法
Animateの前身であるFlashを作っていたことのある人にはおなじみの「トゥイーン」「Actionscript」ですが、これを使えば誰でも簡単にWeb上で動くアニメーションを作れます。
そして、これらを活用すれば「javascript？jQuery？なにそれ？」というノンプログラマーやデザイナーでも、コーディングせずともクライアントに動く状態のデザインを提案することができます。
前半では、実際に画面上でAdobe Animateを動かしてみながら、ボタンやスライドショーのアニメーションを作る流れとプレビューする方法、そしてそれらを実装時に便利に活用する方法についてお教えします。

// 勉強会 後半
・今話題のプロトタイピングツール徹底比較
・どう使う？XD／Prottの実例紹介とそこから見る活用方法
Adobe MAXでも注目されていたAdobe XDなど数々のプロトタイピングツールが登場している昨今ですが、実際の使い方や活用方法についてはまだ検討段階という人も多いのではないでしょうか？
ただワイヤーフレームを作って提案するだけではもったいない！プロトタイピングツールを使った魅せる提案方法とこれからの活用の仕方についてお教えします。

参加対象者

・動的なデザインを制作・実装するWebデザイナーやフロントエンジニア
・クライアントにデザイン提案をするWebディレクター

こちらも併せて要チェック！

中途採用向け会社説明会　梅はち会
https://cloudpack.jp/recruit/ume8.html

当日の会場への移動方法

※画像を拡大

※19時30分開始なので19時30分までに27Fの会議室にお越しください。
※20時を超えるとオフィスの正面口が自動で閉まりますので20時以降はご遠慮願います。
※21時以降はエレベーターが社員のみしか利用できなくなります。以降の時間はまとまっての移動となります。

重要 エントリーされている方のキャンセルについて

本勉強会は弊社会議室での開催実施となり、場所の都合上定員数を限定していますが、
出来るだけ多くの方にご参加いただくために、
キャンセルに関しては二日前までにキャンセル処理願います(
※キャンセルしましたって問い合わせは不要です)。
当日キャンセル/ドタキャンに関しては申し訳ございませんが、
次回以降で優先順位を下げさせて対応させていただきます。

重要 キャンセル待ちでエントリーされている方について

キャンセル待ちで登録された方は開催前日に登録状況を再度確認ください。
キャンセル待ちから外れている場合で、スケジュールの都合上、
これない場合はキャンセル待ちでも前日までにキャンセル処理お願いします。

重要 当日の会場について(2701会議室パターン)

当日の会場は2701会議室になります。20名まで参加が可能です

タイムテーブル

講師情報(メイン)

二神 暢彦

デザインチーム：ディレクター／フロントエンドエンジニア

tableレイアウトが死につつある頃にこの業界に入りコーダーからスタート。
自社サービス開発や現場権限のある会社で働きたいと思い2016年6月に入社しました。
好きなお酒はホッピーのキンミヤ焼酎割り。

講師情報(フォロー)

金本 正美

デザインチーム：デザイナー

関西のデザイン事務所へグラフィックデザイナーとして入社後、気付けばWeb制作の業界にどっぷり足を踏み入れて現在に至る。
更なる成長を目標に2016年6月 Webデザイナーとして入社。
好きなお酒はリースリングの白ワイン。

主催者情報

cloudpack大阪とは
cloudpackとは
iret株式会社とは

雲勉 & cloudpack大阪イベント 開催予定