Doorkeeper

雲勉【勉強会:初心者向け/デザイナー向け】動きで魅せろ!!プロトタイプでクライアントを惹きつけるWeb制作実践!〜Adobe Animate、Adobe XD、prott編〜

2016-10-19(水)19:30 - 21:00 JST

iret株式会社(cloudpack) 大阪オフィス

〒530-0011 大阪市北区大深町4-20 グランフロント大阪タワーA 27階

詳細

概要

パララックス、スクロールエフェクト、スライドショー…
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

当日の会場への移動方法

cloudpack大阪アクセスマップ
※画像を拡大

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

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

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

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

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

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

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

タイムテーブル

内容 開始 時間
受付 19:00 0:30
オープニング 雲勉/cloudpackについて 19:30 0:10
勉強会(前半) 19:40 0:30
休憩(質問コーナー) 20:10 0:10
勉強会(後半) 20:20 0:30
勉強会質疑応答 20:50 0:10
撤収 21:00 0:05

講師情報(メイン)

二神 暢彦
二神 暢彦
デザインチーム:ディレクター/フロントエンドエンジニア

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

講師情報(フォロー)

金本 正美
金本 正美
デザインチーム:デザイナー

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

主催者情報

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

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

開催日 時刻 タイトル 講師
07/23(土) 13:00 雲勉 第0回【勉強会:初心者向け】初めて触れるAWS 久米拓馬
08/17(水) 19:30 雲勉 第1回【勉強会:新技術好き!】AWSマネージドサービス勉強会 佐々木/河村/恩田/吉良
08/18(木) 20:00 梅はち会 #1 【中途採用説明会:運用・構築・開発】 廣山/村主/青池
09/07(水) 19:30 雲勉【勉強会:初心者向け】Amazon EC2&Amazon VPC(サーバー・ネットワーク空間) 佐々木真也
09/16(金) 18:00 AWS Premier Night #2 in Osaka 調整中
09/21(水) 19:30 雲勉【勉強会:初心者向け】Amazon Route 53 廣山豊
09/28(水) 19:30 雲勉【勉強会:初心者向け】Amazon APIGateway 青池利昭
10/05(水) 19:30 雲勉【勉強会:初心者向け】Amazon S3&Amazon CloudFront 齋藤康征
10/12(水) 19:30 雲勉【勉強会:初心者向け】IoTネイティヴ時代のモバイルサービス【SORACOM】について 比企宏之
10/19(水) 19:30 雲勉【勉強会:初心者向け/デザイナー向け】動きで魅せろ!!プロトタイプでクライアントを惹きつけるWeb制作実践!〜Adobe Animate、Adobe XD、prott編〜 二神/金本
10/26(水) 19:30 雲勉【勉強会:初心者向け】AWS Elastic Beanstalk + AWSへの移行『超入門』 廣山/那須
11/02(水) 19:30 雲勉【勉強会:初心者向け】コンテナ勉強会「Docker&Amazon ECS」 佐々木真也

コミュニティについて

雲勉(kumoben)

雲勉(kumoben)

概要 雲勉とは、社内勉強会を外部に公開したオンライン勉強会です。 勉強会の目的は、「エンジニアのクラウド利用におけるスキルアップ」「企業のクラウド活用促進」としており、少しでも役に立ちたいという想いから開催しております。 勉強会自体は、クラウドで構築するインフラ周りから、クラウド上で稼働させるアプリケーションの開発まで、さまざまな内容を毎回1時間程度の時間を使って勉強していきます。 一...

メンバーになる