Creators MeetUp AdobeXD LT会 #25

2020/11/26（木） 19:30〜
【増枠】Creators MeetUp AdobeXD LT会 #25
主に交流や情報発信を目的としたWebエンジニアやクリエイターが気軽に集えるLT会です。

Miroオンラインホワイトボードの結果

Transcript

2. NAME PROFILE DISLIKE PROMOTION LIKE 参加者からのご質問 TITLE https://twitter.com/2yuioui ヒプノシスマイク（推しは社畜） 嵐（相葉さん） SixTONES （松村北斗） 落書き 自分が待ち合わせに遅れること（待つのは問題ない ） LT 1 19:40 〜19:50 XD でプレゼン資料作ってみた 豊澤 ゆい さん 株式会社メンバーズ メンバーズキャリアカンパ ニー Web デザイナー オタクは 何のオタク ですか？ Participant 1 ヒプノシス マイクと ジャニーズです Switch 何してますか？ Participant 1 美大での 専門は 何ですか？ Participant 1 銅版画専攻でした 。 ハムスターや猫 など。 エングレーヴィ ングメイン。 最近は リングフィット＆ フィットボクシン グ。WfT とGRIS を最近クリアしま した AdobeMax で新機 能が多数発表され ましたが気になる もの、機能ありま したか Participant 1 iPad 版アプリケー ション各種。 空の入れ替え機 能。 普段の業務でも プレゼン資料は XD で作成されて いるのですか？ Participant 1 絵をかくとき は何を使って 描いてますか? Participant 1 下書きは紙と鉛筆 。 清書はクリップス タジオかPhosotho p です。 1 パワポほとんど 使わなくなりまし た。 XD で作っています 1 落書き見て見 たいです! 良か ったら張って ください Participant 1 1 XD 使ったプレ ゼンで気を付 けることはあ りますか? Participant 1 クリエイティブリーダー って何？ どういうことをやるんで すか？ Participant 1 勉強会を主催した りしています。社 員の需要をうまく 拾っていきたい PDF 書き出しする とサイズが無駄に 大きくなりがちな のでAcrobatDC で サイズ縮小してい ます http://2yui.main.jp/moff/index.html https://www.youtube.com/channel/UCEjxUibwf5d dGIUpgpcMPjg 嵐の解散に ついて コメントを お願いします Participant 1 解散じゃなくて休 止なので、まった り待とうと思いま す！FC も続くこと が決まりました〜 XD を使おうと 思ったきっか けは何ですか ？ Participant 1 プレゼンの時 の保存方法を 教えてくださ い。 Participant 1 訓練校時代におす すめされたため。 新しいツールは積 極的に使っていき たい派です PDF に書き出すか 、プレビュー機能 を使ってTV 会議で 画面共有していま す youtube から 7:45 PMyuki arimura 我が子なので、優 7:46 PM こばやしま ガイドがでるのもい 7:47 PM えぐみ おしゃれだし簡単に調整 7:47 PM ホウカ アセット機能めっちゃ便 7:47 PM 玉川未佑 Stark めちゃくちゃお 画像やバナーは フォトショ、 環境、デザインカンプは XD カラーコードの 共有など、XD で 簡単に共有
3. NAME PROFILE DISLIKE PROMOTION LIKE 参加者からのご質問 TITLE LT 2 19:50 〜20:00 あそんで学ぶXD 平嶌 有梨亜 さん ← の猫ちゃんはお友達のお家の猫ちゃんです。 うちには猫はいません。 インコ カメラ（撮るのが好き） 動物園と水族館巡り ここ最近はオンラインでもできるワードウルフに ハマっています YouTube のスキップできない広告 株式会社メンバーズ メンバーズキャリアカンパ ニー デザイナー Web 業界 へ転身した きっかけは？ Participant 2 デザインと いうものに 興味があり 元々web 系の 知識も持って いたため インコの 写真みたいです Participant 2 右側に貼りました 2 XD では どんなもの 作ってますか Participant 2 普段の業務ではワイヤー やカンプ。 遊びだと自動アニメーシ ョン機能使ってイラスト 動かしてみたりしてます インコの種類 は何ですか？ （私は コザクラインコ 飼ったこと有） Participant 2 ボタンインコです。 おしゃべりは 苦手なので お話しは出来ません 1 ベタ惚れした XD の扱いやすさ とは特にどういう 所ですか？ Participant 2 操作が直観的で何 より軽い！ 考えたらすぐ作れ る。サクッと作る なら断然XD です。 普段の業務で、よく XD のアニメーション 機能を駆使されて いるんですか？ Participant 2 カルーセル等を作る のにアニメーション 機能使ってます！実 際に動かせるのでイ メージしやすいと喜 ばれることが多いで す。 xd.adobe.com omikuzi 10 Screens, Last modified on Nov 25, 2020 06:26 GMT 本日のLT 内でお見せするおみくじです。 URL から皆さんも実際に引くことが出来 ます。 （上記URL クリック後、上に出る 「source ボタン」を押すとURL 先へ遷移 できます。） youtube から 7:51 PM えぐみ おみくじ引きたい 今回のおみくじで 使用した機能は業 務でも使用した機 会はありますか？ Participant 2 実際にアプリの スプラッシュで タイマーをトリガ ーに使ったことが ある イラレ、 フォトショの方が ハードル高いが、 XD なら直感的に 扱える XD で 企んで いること Participant 2 タイマー （大作） ← で大吉が出ない のですが大吉は 他より時間が短く 設定されていたり するのでしょうか？ Participant 2 こちらのおみくじ は大吉と大凶の時 間を短くして出に くくしています！ 1 ボタンインコ ページ数の 限界まで 挑戦したことは まだない... 。
4. NAME PROFILE DISLIKE PROMOTION LIKE 参加者からのご質問 TITLE LT 3 20:10 〜20:20 デザイナーからディレクターに伝えたい! ちょっと便利なXD の話 玉川 未佑 さん アイドル （ジャニーズは狭く深く、ハロプロは広く浅く） 書体（Fontworks 大好き） 水族館（海遊館と油壺マリンパークに行きたい） ピンク色 早寝 株式会社メンバーズ メンバーズキャリアカ ンパニー デザイナー アイコンは筑紫アンティークゴシックですが、 最推しは の文字っ子です。 好きな アイドルは? Participant 3 ジャニーズなら嵐/ 関ジャニ∞ 、ハロ プロならモー娘。/ Juice=Juice が好き です。 松浦亜弥様は神。 好きな書体 はありますか? Participant 3 筑紫書体シリーズが 信じられないくらい 大好きです。 学生時代にこの書体 のために2 度福岡へ飛 びました。 3 XD デビューし て困ったこと はありました か? Participant 3 プロトタイプは慣 れるまで時間がか かりました。あと は文字周りの機能 が少なくて最初は 戸惑いました。 初心者が XD に慣れる コツなどは ありますか？ Participant 3 何かやらかしてもきっと ⌘+Z でどうにかなるの でビビらずに触ってみる のが一番早い気がします 。恐れずにいきましょう ！笑 1 上司がXD はあくまでワイヤ ー作成だけで デザインはフォトショやイ ラレという考えなのですが 実際の現場ではデザインま でXD で完結していますか？ Participant 3 メインビジュアルや パーツはイラレやフ ォトショで作ってそ れらをページの形に まとめるのにXD を使 うことが多いです。 fontworks の書体は 自前で購入 したんですか？？ Participant 3 自前です！！お高 くはありますが好 きな時に好きな書 体が使えるので実 質タダくらいの気 3 XD を使いはじめて すぐのときは、 何から順番に 覚えていきましたか？ Participant 3 最初はツールパネル から触ってみた気が します... ぱっと見て 目につくツールから ひとまず触っていき ました。 最近の作字の ブームについ て思うことは ありますか？ Participant 3 作字みたいなこ とは得意じゃな いので純粋にで きる人すごいな と思います。 FONTWORKS 筑紫書体の魅力を 更に教えていただ きたいです！ Participant 3 金属活字や写真植字 の良さを持ちながら 今っぽさも兼ね備え ているところです。 拡大して見てみると アナログ感があって 素敵です。 資料のカラーリングが XD のロゴ色では 筑紫明朝 筑紫ゴシック ディレクター 目線でも XD に資料を 入れるのがよい 適材適所で 組み立てるのに XD 全体遷移 設計 よっぽどなことを しなければ壊れない！ バージョン管理も できるように なった！ Youtube から SH ONN フォント愛に溢れている方だなぁ えぐみ そうだね... お互い楽になるように使いこなしていきたい 高木優 xd つかえるよに頑張ります〜 資料は見出しが筑紫オ ールドゴシック、本文 が筑紫ゴシックです
5. NAME PROFILE DISLIKE PROMOTION LIKE 参加者からのご質問 TITLE LT 4 20:20 〜20:30 村井 信智 さん XD で作るつよいプロトタイプ Tw: https://twitter.com/murainobutomo note: https://note.com/mriphoto タイポグラフィ ここ数年はタイポ系の本がたくさん和訳されていて 嬉しいです Emil Ruder の「TYPOGRAPHIE 」がマジでよいです 単純作業 for 文を回させてください 株式会社メンバーズ メンバーズキャリアカンパ ニー デザイナー XD のここが 好き！ というのを 教えて下さい Participant 4 カクカクしないと ころ 実際の業務で、XD でのプロトタイプ 作成によるメリッ トはありましたか ？ Participant 4 とにかく 意思の疎通と 合意形成が 早くてラクです 最も好きなデザイナー さんはどなたですか？ Participant 4 最近は Emil Ruder というスイスの タイポグラファー ・デザイナー 1 アイコン の白いのは 髭剃り？ 生クリーム？ Participant 4 髭剃りです 東京は 慣れましたか？ 驚いたことは？ Participant 4 ずいぶん慣れましたが 「短い8 両編成の電車」 というアナウンスには ビビりました 8 両編成はけして 短くありません 1 高専エンジニ アからデザイ ナーに転身し た理由は? Participant 4 圧倒的 適性 デザインの制作で 一番重きを置く ポイントを 教えて下さい！ Participant 4 目的を達成できる か ということ 2 Youtube から えぐみ つよい SH ONN 余白のキレイなスラ Tomoko Terashima しなやか SH ONN よしなでしなやかボ えぐみ よしなに伸びてくれる Tatsuo Kurita よしなに Tatsuo Kurita いいことばで ピンポンのキャ ラクタ名見たの ですがもしかし てお好きですか Participant 4 とても好きです。 アクマが いいキャラ。 1 2 ご自身のアイコンに 写っているカメラはF ilm ですか？ Film でしたらそのこ だわりを教えて下さ い！! Participant 4 Finepix A202 というとても古い デジカメです。 メルカリで1200 円 くらいでした。 1 「TYPOGRAPHIE 」はどんな本です か？すごく興味あ りますが調べてみ たらめっちゃ高い ですね・・・ 研修で 向いてるんじゃない？ と言われた 元から好き プランナーと エンジニアの 橋渡し 書体デザインや レイアウトの理論、 タイポグラフィの歴史、 造形の哲学、、、、 幅広い内容です 高いけど。。。 スタックなどは最 近追加されたかな り新しい機能です が、業務で使用さ れていますか？ 実際に使用してサ クサク作業できて よかった クライアントや 社内メンバーとの 修正を その場で コメント機能で 修正ください WEB のデザインは どんどんシンプルに 目的に応じて デザインの アプローチを変える この値段だけで読みが いがあると思いますね ！とりあえず本屋さん で一回探してみます！ スタックは 使ってる？ 早速アプリ作成で つかっている さくさく
6. NAME PROFILE DISLIKE PROMOTION LIKE 参加者からのご質問 TITLE LT 6 20:50 〜21:00 業務のXD 使用と流行りのアニメーション紹介 まんまるねこ さん マネーフォワードケッサイ プロダクトマネージャー デザイナー、ディ レクタ、PM へと職 種を変えた理由は? 気持ちの切り替え は? Participant 6 一緒に働く人の良さを感じて入社。 前職ディレクターはクライアントと 自社プロダクト兼務で辛く、 1 つの方向性にしたかった。 ウォーターフォール→ スクラムに なり、心構えが変わった。 PM やりなが らデザインも やるのは大変 ですか? Participant 6 UX ・ワイヤーまで担当し、UIUX をデ ザイナーに任せます デザイン・ディレクション両方やって いる人もいます。 オーナーシップを持って自発的に動け る環境です。 XD のほか使っ ているグラフ ィック系ソフ トは? Participant 6 業務は基本Figma 、AI 、PS 。 Figma になる前は チームでXD を使用 XD 使ったチームで のコンポーネント などルールなどど うしてますか? Participant 6 社外デザイナーと話し合って ルール決めます。 全てのデザインを一つのファイル で管理し、コンポーネントは アートボードを分けています。 XD の良さは どんな所だと 思われますか？ Participant 6 無料で使えるプロト~ デザイン ツールの中で、一番手っ取り 早く素早く案を作れる。 ( 市場の有料無料プロトツール はほとんど触っているつもり) 好きな車の 車名があれば 教えて下さい！ Participant 6 1 1 コミュ障で超絶緊張しやすいですが、暖 かく見守って頂けると嬉しいです。 https://note.com/cat_maru ・ポケモン ・ドラゴンボール( 推しはベジータ) ・車のフィギュア。最近はLEGO の組み立てに ハマっています。 ・虫などグニャグニャしている生き物全般 ・遊園地は好きだけど、お化け屋敷は苦手 LEGO でどん なものを作ら れるんですか ？ Participant 6 乗り物系好き。 車。 Figma とXD 、個 人的に好きなの はどちらですか ？その理由は？ Participant 6 Youtube から Tatsuo Kurita またひよこ!XD ヤーは鳥が好き? SH ONN ガンバッテ! SH ONN 3D トランスフォームしたいなー プロトタイピングツール 全般でこの機能が欲しい ！という機能 があれば教えて下さい！ Participant 6 ・XD で言うと アニメーションのコード転換? ・手書きを入れて欲しい (Invision しか使えないけど 主流じゃない) ・イラレやフォトショの連携しや すさ シェルビーコブラ みたいな丸いかわいいやつも レースーカーも好き 個人的にはXD 推しです。 XD を使っていた時にUIUX デザインスピードが一番 早かった 元から ビジネスに興味 ディレクター →PM→ 事業会社 ポケモン GB 初代？ 今の会社はfigma に移行。 XD はエリアが限ら れている。 画面の数があるとfi gma が早い 3D 変形のコーディング例： ・Flip Design Coding, 3D Flip Card Coding で検索: https://www.youtube.com/watch? v=uGgRhKN5_Ao ・CSS 3D Transform rotate でやる例: https://qiita.com/7968/items/eddfeb4b424d7c2d2d34 #rotatex 関数の記述
7. NAME PROFILE DISLIKE PROMOTION LIKE 参加者からのご質問 TITLE LT 5 20:40 〜20:50 自動アニメーションの可能性! 齋藤 弥侑 さん ヴァイオレット・エヴァーガーデン あつ森 ディズニーシー ショッピング お化け屋敷 スペースマウンテン 株式会社メンバーズ メンバーズキャリアカ ンパニー Web デザイナー兼コー ダー Twitter ：https://twitter.com/M_S_wmy LT 終わり次第、アニメーションの動画をツイートす るので、ぜひ見てください! XD 使っていて 楽しいと思う 点は? 何が好き ですか? Participant 5 簡単にいい感じのレ イアウトやデザイン を作ることができる とこ! プロトタイプや 自動アニメーション が好きです! アニメーションを 実際にアプリやWe b に実装すること になったとき難し かったことは? Participant 5 自分のイメ ージした動 きと違くな った時 XD でこんなこ とできたらい いな? はありま すか? Participant 5 自動アニメ ーションを コードにで きる機能!! 最近のXD 追加機能 やアップデートで 注目している ものはありますか？ Participant 5 圧倒的に3D 変 形。アニメーシ ョンと組み合わ せたらいい感じ に動きそう... XD のアップデート 情報はどのように キャッチアップし ていますか？ Participant 5 Twitter 、Ad obe ブログ、 最新機能の まとめ記事 業務でもアニメーション などの機能はよく つかわれますか？ Participant 5 あまりないです。 。一度、プロトタ イプがついている のか謎なファイル をチラッと見まし たが。。 今後作りたいXD でのデザインなど 構想がありました ら教えて下さい！ Participant 5 自動アニメーショ ンもりもりでセル フケアプリのUI と か作ってみたい。 。（個人的に） 好きなディズニーの アトラクションを 教えて下さい。 Participant 5 圧倒的にイン ディージョー ンズ アニメーションさせ るオブジェクトやグ ループの名前が同じ になっていない場合 は、どうなってしま うのでしょうか？ Participant 5 オブジェクトがフ ェードしてしまう 。アニメーション が機能しない。 command+D Youtube から えぐみ すごーい、DL できそうなやつできた! Tatsuo Kurita 名前が変わっちゃうとどうなるんだろう デザイン始めたのが XD ！ 公式が一番強い （Adobe ブログ！） ハンズオン震える リハーサル５回！ ハンズオン震える リハーサル５回！ Youtube から SH ONN 録画! 気になってました!
8. あなたのスキルは？ Webデザイナー Webディレクター UI/UXデザイナー その他 フロントエンド Webエンジニア 企画・マーケ アプリエンジニア アナリスト プロデューサー 0 10 20 30 40 50 60
9. どこからの参加ですか？ 関東（東京） 関東（東京） 関東（東京）: 61.1 % : 61.1 % : 61.1 % 関東（東京以外） 関東（東京以外） 関東（東京以外）: 17.6 % : 17.6 % : 17.6 % 中部・関西 中部・関西 中部・関西: 13.9 % : 13.9 % : 13.9 % 四国・中国・九州・沖縄 四国・中国・九州・沖縄 四国・中国・九州・沖縄: 4.6 % : 4.6 % : 4.6 % 北海道・東北 北海道・東北 北海道・東北: 2.8 % : 2.8 % : 2.8 % 日本国外 日本国外 日本国外: 0.0 % : 0.0 % : 0.0 %
10. ハイボール(5:5) Participant 6 11 月26 日にyoutube LIVE をご覧になる皆さん｜チェックインカードにコメントをお願いいたします。 １）WEB デザイナー ２）suna ３）XD に興味があって参加しま した。XD に少しでも慣れて行き たいです。よろしくお願いします 記入例 メニューバーから付箋を作成し、 １）職業（差し支えなければ会社名もお願いします） ２）名前（ニックネーム可） ３）今日参加の動機、メッセージなど を記載ください １）メンバーズ ２）栗田 ３）本日の司会担当してます！ Twitter フォローお願いします @mc_kurita 例 1) 2) 3) 1) 2) 3) 1) 2) 3) 1) 2) 3) 1) 2) 3) コピーして ご使用ください 1) 2) 3) 1) 2) 3) 1) 2) 3) 1)Web ディレクター/ メンバーズ 2) テラシマ 3)LT 会運営側で参加。xd を使って できることを増やしたい。 1) Web エンジニア / メンバーズ 2) 石塚 3) 裏方担当しています。 登壇者皆さん、コンパスの紹介文から XD 好き！というのが伝わってきて、 今日のお話がとても楽しみです。 1)Web ディレクター/ メンバーズ 2) 加藤篤輝 3) 最近、業務でもXD 使いはじめま したので勉強がてら見ます！ 1) 2) 3) 1) 2) 3) 1)web ディレクター/ デザイ ナー 2) ゆき 3)XD を極めたい 1) 2) 3) 1) 2) 3) 1) 2) 3) 1) 2) 3) 1) 2) 3) 1)Web ディレクター/ メンバーズ 2) えぐみ 3)XD 興味しんしん丸です! 玉川さ んのディレクター向けのお話がた のしみ! みんな 何飲んでますかー？ 教えてください！ 1)Web デザイナー/ ディレクター 2) 黒井澪（KuroiRey ） 3) 業務でXD メインで使用しているの で情報収集に来ました セブン限定？の ザ レモンクラフトという酒（ チューハイ） 1 1) コーダー 2)setsu 3) きっとそのうち仕事で使 うから 温かい紅茶にキャンディス （ラム酒に氷砂糖を漬けた もの）を入れて飲んでます 1 1)Web デザイナー/ ディレクター 2) ありむら 3)XD の新しい使い方を知るために 参加しに来ました。よろしくお願 いします。 1)Web デザイナー（たまにWeb デ ィレクター）/ メンバーズ 2) ホウカ 3) 業務でまったくXD 触る機会がな くておさらいとして来ました！ 水 牛乳屋さんがつくった紅茶 ラテ（セブンしか売ってな いみたい）最近どハマり 1 1 シードル と梅酒♪ Participant 6 今日はビール用意しました ～ ！笑 1 1 1 1) Web デザイナー / メンバーズ 2) みや 3) 普段別のツール使ってますが、XD も 今後使うと思うのでききにきました ポカリに ポッカレモン入れて 飲んでます。 1)Web デザイナー 2) みわ 3)XD の活用についてもっと知 りたいと思い参加しました イナー XD に対するハードルを下げ る！ → 初心者にはうれしいです♪ エナジー ハンター Participant 6 緑茶 ハイ おみくじの大吉と大凶が全 然出ない… おみくじさっそく作成して 社内のチャットへ書き込ん でみました！ 1 1) デザイナー 2)on 3)XD のことをもっとしりた いです！！ メリット感じるのは 人それぞれ。新しい可能性を 探っていきたい。 by 村井さん XD すごいな by 斎藤さん みんな丁寧。 by まんまるねこさん XD しばりだと 資料もXD で作っている by 豊澤さん XD データを フォトショで 開けるといいな 今回は実演が多くて 見ていても楽しかったです ね