お知らせ ビープラウド、機械学習・データ分析の問題をオンライン学習サービスPyQにて提供開始

このエントリーをはてなブックマークに追加

11月

16

【デ部会】第1回 プロトタイプデザイン

プロトタイプでクライアントを惹きつけるWeb制作実践!

主催 : cloudpack デザインセクション

ハッシュタグ :#clp_debu
募集内容

参加枠

無料

先着順
7/15

イベントの説明

【cloudpack デ部会】動きで魅せろ!!プロトタイプでクライアントを惹きつけるWeb制作実践!〜Adobe Animate、Adobe XD、prott編〜

cloudpackのデザイナー主催の、webデザイン業界にいる皆さんとふんわり交流したり勉強する会

イベントの説明

cloudpackのデザイナー発信のイベント「cloudpack デ部会」、第1回開催!

cloudpack デ部会とは?

cloudpackのデザイナー主催の、webデザイン業界にいる皆さんとふんわり交流したり勉強する会です。

2015年10月にインフラ構築と受託開発を主軸としてきた会社が、新部門として立ち上げたデザインセクションは、デザインで「なんだかわからないけど、なんとなくオールハッピー」を目指し、あわよくばお金儲けを目指して活動をしています。楽しいだけじゃなくてもしかしたらお金になる!かもしれない!そんな勉強会やイベントを企画していきますので、ぜひぜひふんわり参加してください!

イベントの内容

第一回のテーマは、「動きで魅せろ!!プロトタイプでクライアントを惹きつけるWeb制作実践!〜Adobe Animate、Adobe XD、prott編〜」。

パララックス、スクロールエフェクト、スライドショー… 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など数々のプロトタイピングツールが登場している昨今ですが、実際の使い方や活用方法についてはまだ検討段階という人も多いのではないでしょうか? ただワイヤーフレームを作って提案するだけではもったいない!プロトタイピングツールを使った魅せる提案方法とこれからの活用の仕方についてお教えします。

タイムテーブル

受付 19:00
オープニング デ部会について 19:30
勉強会(前半) 19:40
休憩 20:10
勉強会(後半) 20:20
質疑応答 20:50
懇親会 21:00
撤収 21:30

--

cloudpackのデザイナー/ディレクター/フロントエンドエンジニアも参加しますので、もっと深く知りたいこと、こっそり聞いてみたいことなどがあれば、お気軽にお声がけください!

こんな方にぜひ

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

もちろん、デザイナー以外の方も大歓迎です!

発表者

資料 資料をもっと見る/編集する

資料が投稿されると、最新の3件が表示されます。

フィード

Hideki_K

Hideki_K さんが書き込みました。

2016/11/17 20:38

大変、楽しい勉強会でした。

Kazuki Hirano

Kazuki Hirano さんが 【デ部会】第1回 プロトタイプデザイン を公開しました。

2016/11/01 12:00

【cloudpack デ部会】第1回 プロトタイプデザイン を公開しました!

グループ

デ部会

アイレット株式会社 デザインセクションによる誰でも参加型社内勉強会です。

イベント数 6回

メンバー数 169人

終了

2016/11/16(水)

19:30
21:30

募集期間
2016/11/01(火) 12:00 〜
2016/11/16(水) 12:00

会場

アイレット本社 / Room703

東京都港区虎ノ門1-23-1(虎ノ門ヒルズ森タワー7F)

アイレット本社 / Room703

参加者(7人)

Hideki_K

Hideki_K

【cloudpack デ部会】第1回 プロトタイプデザインに参加を申し込みました!

ochuri

ochuri

【cloudpack デ部会】第1回 プロトタイプデザインに参加を申し込みました!

yu_takamine

yu_takamine

【cloudpack デ部会】第1回 プロトタイプデザイン に参加を申し込みました!

Kogure Kazuaki

Kogure Kazuaki

【cloudpack デ部会】第1回 プロトタイプデザインに参加を申し込みました!

Ninja

Ninja

【cloudpack デ部会】第1回 プロトタイプデザインに参加を申し込みました!

dog_jp

dog_jp

【cloudpack デ部会】第1回 プロトタイプデザイン に参加を申し込みました!

tama1248

tama1248

【cloudpack デ部会】第1回 プロトタイプデザインに参加を申し込みました!

参加者一覧(7人)

キャンセルした人(8人)