説明資料です

2. WIFIとハッシュタグ
•WIFI
•SSID：SPZ-Guest
•PASS:LetsEnjoySPZ
•ハッシュタグをつけてぜひツイートを！
#canva_design

3. アジェンダ
• 挨拶
• 主催コミュニティと自己紹介とおねがい
• 目的
• 「Canva」についてと基本機能の紹介
• デザイン工程について
• メッセージカードの制作
• 発表
• 終わりの挨拶・アンケートのおねがい

4. アジェンダ
• 挨拶
• 主催コミュニティと自己紹介
• 目的
• 「Canva」についてと基本機能の紹介
• デザイン工程について
• メッセージカードの制作
• 発表
• 終わりの挨拶・アンケートのおねがい

5. 主催コミュニティと自己紹介
• 主催：
• クリエイターコミュニティNode＆Arcs（ノードアンドアークス）
「スキルとキャリアを磨くサードプレイス」を掲げ
イベントやLT会を中心に行っています。
過去：個人開発プロダクト展覧会

6. 主催コミュニティと自己紹介
過去：個人開発プロダクト展覧会

7. おねがい
• イベントレポートのため、お写真を撮影させて頂きます。
• 会場をお借りしておりますので飲食等で汚さないようお願いします。
• 暴力や暴言など不適切な発言・行動はないように
みんなで楽しいイベントにしましょう！

8. 主催コミュニティと自己紹介
• 主催：
• ハンドルネーム Yuxio（ゆきしお）
• 職業：データアナリスト
• 趣味：デザイナーとしてロゴやアイキャッチ、UI設計を行っている

9. アジェンダ
• 挨拶
• 主催コミュニティと自己紹介
• 目的
• 「Canva」についてと基本機能の紹介
• デザイン工程について
• メッセージカードの制作
• 発表
• 終わりの挨拶・アンケートのおねがい

10. 目的
• エンジニアの皆さんにもぜひデザインの楽しさを知ってもらいたい
そのために・・・
イラレやPhotoshopよりも手軽にできるCanvaというツールで
まずデザインを作る楽しさを知ってもらいたい！
加えてデザインの工程についてもざっくり理解してもらう

11. アジェンダ
• 挨拶
• 主催コミュニティと自己紹介
• 目的
• 「Canva」についてと基本機能の紹介
• デザイン工程について
• メッセージカードの制作
• 発表
• 終わりの挨拶・アンケートのおねがい

12. Canvaとは
• オンラインブラウザで使用可能なデザインツール
• 無料
• テンプレートが豊富！さくさく作れる！
• まずユーザー登録からはじめましょう！オンラインサイトへGO！
• 「Canva」で検索
• https://www.canva.com/

13. 基本機能紹介① 画面構成

14. 基本機能紹介① 画面構成
①もっと見る をクリック
②テンプレートがいっぱい出てくる
③イベントまでスクロール

15. 基本機能紹介②テンプレート
①レイアウトをクリック

16. 基本機能紹介②テンプレート
②使いたいテンプレートを
ドラッグ＆ドロップ！

17. 基本機能紹介③素材

18. 基本機能紹介③素材
１つずつ使いながら説明

19. 基本機能紹介④テキスト

20. 基本機能紹介⑤背景

21. 基本機能紹介⑥アップロード
自分の使用したい写真を
アップロードできます

23. アジェンダ
• 挨拶
• 主催コミュニティと自己紹介
• 目的
• 「Canva」についてと基本機能の紹介
• デザイン工程について
• メッセージカードの制作
• 発表
• 終わりの挨拶・アンケートのおねがい

24. デザインとは
• デザインとは問題解決と価値創造の２つがある
• 今回は、感情に訴えかける価値創造でのデザインを行う
問題解決 価値創出
情報を整える 感情に訴えかける
コンペで集めた
ロゴどれもいい
な！

25. デザインをはじめたい！その前に・・・
• システム開発と同じように、デザインも設計からはじめる
• 設計とは、UX設計と情報設計のことである
UX設計 情報設計 デザイン

26. UX設計
• 自分たちのサービスをどのようなユーザーをターゲットにするのか、
どんな体験を与えるかを具体的に設計する
プロジェクトの
目的の策定
ユーザー調査
（定性／定量）
ペルソナの設定
ユーザー体験の
シナリオ作成
• UX設計とは・・・
• UX（ユーザーがサービス開始から終了までの体験）を設計すること

27. 情報設計
• 情報設計とは、受け手にどのように情報をわかりやすく伝える、
情報を探しやすくする方法
プロジェクトの目
的の策定
ユーザー調査 ペルソナの設定
ユーザー体験の
シナリオ作成
必要なコンテンツは？ 構成は？
情報設計
UX設計

28. デザイン
• よいデザインにするためには原則やルールがある
• その数１５０以上も・・・！！！
• 今回はその中でも重要なものを抜粋して使用します。

29. 今日はこれだけ
①メッセージカードをあげる相手を決める（ユーザー設定）
②どんな体験をしてもらいたいか決める（メッセージカードをみてどんな風に感じてもらいたいか、
そのあとどんな行動をしてもらいたいか等、どんな体験をしてもらいたいか決める（ユーザー体験のシナリオ作成）
③どんなメッセージを伝えるか決める
④流れ・構成を考える
⑤基本原則４つと色・フォントの原則を守る
UX設計
情報設計
デザイン

30. デザインの基本原則について
• Connpassページの「今回使用する資料につい
て」に載せています。
• TECHPLAYからお申込みの方は、恐れ入ります
がconnpassにて「canva de design」で検索して
確認していただくよう、お願いします。

31. アジェンダ
• 挨拶
• 主催コミュニティと自己紹介
• 目的
• 「Canva」についてと基本機能の紹介
• デザイン工程について
• メッセージカードの制作
• 発表
• 参考書籍
• 終わりの挨拶・アンケートのおねがい

32. ２０時まで制作！
メッセージカードの制作（以下のルールを守って作成）
①メッセージカードをあげる相手を決める（ユーザー設定）
②どんな体験をしてもらいたいか決める（メッセージカードをみてどんな風に感じてもらいたいか、
そのあとどんな行動をしてもらいたいか等、どんな体験をしてもらいたいか決める（ユーザー体験のシナリオ
作成）
③どんなメッセージを伝えるか決める
④流れ・構成を考える
⑤基本原則４つと色・フォントの原則を守る
connpassのイベントページで公開中
UX設計
情報設計
デザイン
まずは手書き
で書いてみる。
Canvaのカード
用テンプレー
トを見ながら
構想をねるの
もよし！
Canvaを
実際使って
みる！
何個作ってもOKです！
発表時は、選りすぐりの１つをおねがいします。
余裕があったら隣の人とわいわいしながら
もくもく楽しく制作してみてください。
ツールでの質問がありましたら、
私（ゆきしお）か
サポーターの方までおねがいします。

33. 今日使うカードのテンプレートはこちら
①もっと見る をクリック
②テンプレートがいっぱい出てくる
③イベントまでスクロール

34. 今日は発表も行います
• みんなで「ルールがいくつも守れててすごい！」
「その発想はなかった！」などフィードバックをしていきましょう。