Slide 1

Slide 1 text

ϯ σ β Π ษ ڧ ձ ෋ ͱ ࢁ ΍ · Ҋ ਤ EFTJHO スピーカーɿ吉川圭太 (DERA-DESIGN) 「インフォグラフィックが上手に描けるコツ」 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 2

Slide 2 text

インフォグラフィック        とは? CAPTER 01 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 3

Slide 3 text

• 情報を視覚的に表現した図解や表 • 複雑な事柄を説明ための視覚化したもの • 物事を表すシンボルやアイコン • ただの情報よりも印象に残りやすい インフォグラフィックとは D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 4

Slide 4 text

ݱ ࡏ ະ དྷ CURRENT FUTURE ٕज़͕଍Γͳ͍σβΠφʔ͕ଟ͘ ੒௕͢Δػձ΋๡͍͠ اۀଆ΋ੵۃతʹσβΠϯΛ औΓೖΕΔҙ͕ࣝͳ͍ ༏लͳσβΠφʔ͕اۀͷ੒௕ʹ د༩͢Δ͜ͱ͕Ͱ͖Δ σβΠϯͷॏཁੑ͕૿͠ σβΠφʔͷ஍Ґ΋޲্͢Δ NEGATIVE CYCLE POSITIVE CYCLE ٕज़Λ SHIFT ҙࣝΛ SHIFT ௅ઓ͢Δ ػձ͕ͳ͍ σβΠφʔ͕ ҭͨͳ͍ ࿹ͷ͍͍ σβΠφʔ͕ ͍ͳ͍ اۀ͕ॏཁͳ ࢓ࣄΛཔΊͳ͍ ༷ʑͳ Ҋ݅ʹ ௅ઓ͢Δ σβΠφʔ͕ ੒௕͢Δ ࿹ͷ͍͍ σβΠφʔ͕ ͍Δ اۀ͕ॏཁͳ ࢓ࣄΛ೚ͤΔ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 5

Slide 5 text

インフォグラフィックの用途 • Web サイトやチラシなどのデザイン • プレゼンテーションや提案の資料 • 動画での説明 (ビデオグラフィックス) • 看板や案内表示 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 6

Slide 6 text

インフォグラフィックの 特徴 CAPTER 02 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 7

Slide 7 text

CAPTER 01 インフォグラフィックの特徴 メリット① 情報を 解りやす くする D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 8

Slide 8 text

注目を 集めやすい CAPTER 01 インフォグラフィックの特徴 メリット② D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 9

Slide 9 text

CAPTER 01 インフォグラフィックの特徴 メリット③ 拡散して もらいやすい D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 10

Slide 10 text

CAPTER 01 インフォグラフィックの特徴 メリット④ 言語が 違っても伝わる D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 11

Slide 11 text

CAPTER 01 インフォグラフィックの特徴 デメリット① 制作に 時間がかかる D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 12

Slide 12 text

正確性を 欠くことがある CAPTER 01 インフォグラフィックの特徴 デメリット② D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 13

Slide 13 text

CAPTER 01 インフォグラフィックの特徴 デメリット③ 誤解を 生むことがある D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 14

Slide 14 text

インフォグラフィックの 使用例&事例 CAPTER 03 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 15

Slide 15 text

CAPTER 03 インフォグラフィックの使用例&事例 初歩的なインフォグラフィック D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 16

Slide 16 text

CAPTER 03 インフォグラフィックの使用例&事例 ピクトグラム D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 17

Slide 17 text

CAPTER 03 インフォグラフィックの使用例&事例 シルエット D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 18

Slide 18 text

CAPTER 03 インフォグラフィックの使用例&事例 交通標識・案内表示 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 19

Slide 19 text

CAPTER 03 インフォグラフィックの使用例&事例 中日新聞サンデー版 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 20

Slide 20 text

CAPTER 03 インフォグラフィックの使用例&事例 YAHOO !JAPAN インターネットの歴史 https://about.yahoo.co.jp/20years/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 21

Slide 21 text

CAPTER 03 インフォグラフィックの使用例&事例 カスペルスキー CYBERTHREAT REAL-TIME MAP https://cybermap.kaspersky.com/ja/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 22

Slide 22 text

CAPTER 03 インフォグラフィックの使用例&事例 ソニー損保 あるクルマの一生−平均で見る日本の自動車− https://www.youtube.com/watch?v=DvBGDfi1uuU D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 23

Slide 23 text

CAPTER 04 インフォグラフィックの よく使うパターン D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 24

Slide 24 text

CAPTER 04 インフォグラフィックのよく使うパターン データ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 25

Slide 25 text

CAPTER 04 インフォグラフィックのよく使うパターン グラフ 2,567 Lorem ipsum dolor sit amet, conse Nonummy nibh euismod tincidunt ut laoreet dolore Nonummy nibh euismod Lorem Ipsum Dolor Amet Lorem ipsum dolor sit amet, conse 3,456 Lorem ipsum dolor Sed diam nonummy Lorem ipsum Dolor sit amet, consectetuer adipisci ng elit, sed diam nonummy nibh euis sit amet lorem 2020/03/14 10:30 Lorem ipsum Nibh euismod tincidunt ut laoreet dolore mag na aliquam erat volutpat. Ut wisi enim ad sit 2020/03/14 10:30 Lorem ipsum dolor sit 1,234 Sed diam nonummy 1,645 Amet consectetuer elit 1,967 Lorem ipsum dolor amet, conse tetuer adipis 243 LOREM IPSUM D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 26

Slide 26 text

CAPTER 04 インフォグラフィックのよく使うパターン 表 (テーブル) D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 27

Slide 27 text

CAPTER 04 インフォグラフィックのよく使うパターン 比較 15% 30% Dolor sit amet, consectetuer adipiscing elit, sed diam. HEAD 35% 50% Dolor sit amet, consectetuer adipiscing elit, sed diam. HEART 45% 55% Dolor sit amet, consectetuer adipiscing elit, sed diam. LUNGS 25% 35% Dolor sit amet, consectetuer adipiscing elit, sed diam. STOMACH 65% 70% Dolor sit amet, consectetuer adipiscing elit, sed diam. BONES 80% 75% LOREM IPSUM DOLOR Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 70% 45% 50% 65% 80% 25% 50% 50% 40% 55% 10% 35% 2016 2017 2018 2019 2020 2021 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh DOLOR SIT AMET 60% 45% MEDICAL INFOGRAPHIC HEALTHCARE INFO Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip. D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 28

Slide 28 text

CAPTER 04 インフォグラフィックのよく使うパターン タイムライン (時系列) D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 29

Slide 29 text

CAPTER 04 インフォグラフィックのよく使うパターン ダイアグラム Gradient I N F O G R A P H I C TITLE GOES HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna TITLE GOES HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna TITLE GOES HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna TITLE GOES HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna TITLE GOES HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 30

Slide 30 text

CAPTER 04 インフォグラフィックのよく使うパターン フローチャート・樹形図・組織図 DATA B TITLE GOES HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna wisi enim ad minim veniam STEP 02 DATA D TITLE GOES HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna wisi enim ad minim veniam STEP 04 STEP 01 TITLE GOES HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna wisi enim ad minim veniam DATA A TITLE GOES HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna wisi enim ad minim veniam DATA C STEP 03 TITLE GOES HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna wisi enim ad minim veniam DATA E STEP 05 JOB POSITION Lorem Ipsum JOB POSITION Lorem Ipsum JOB POSITION Lorem Ipsum JOB POSITION Lorem Ipsum JOB POSITION Lorem Ipsum JOB POSITION Lorem Ipsum JOB POSITION Lorem Ipsum JOB POSITION Lorem Ipsum JOB POSITION Lorem Ipsum JOB POSITION Lorem Ipsum D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 31

Slide 31 text

CAPTER 04 インフォグラフィックのよく使うパターン 地図 (マップ) D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 32

Slide 32 text

CAPTER 04 インフォグラフィックのよく使うパターン アイソメトリック D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 33

Slide 33 text

CAPTER 04 インフォグラフィックのよく使うパターン アイソメトリック+α D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 34

Slide 34 text

インフォグラフィックの 作り方 基礎編 CAPTER 05 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 35

Slide 35 text

CAPTER 05 インフォグラフィックの作り方 基礎編 例える練習 ΞΫηε γɹΣɹΞ ιϦϡʔγϣϯ ిɹɹ࿩ σɹʔɹλ ৯ɹɹࣄ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 36

Slide 36 text

CAPTER 05 インフォグラフィックの作り方 基礎編 図の基本パターンを覚える αςϥΠτܕ ϚτϦΫεܕ νϟʔτܕ ϐϥϛουܕ υʔφπܕ ϓϩηεܕ αΠΫϧܕ ࣠Ϛοϓܕ ςʔϒϧܕ ϕϯਤ ๘ͷ૥ܕ πϦʔܕ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 37

Slide 37 text

CAPTER 05 インフォグラフィックの作り方 基礎編 ジオメトリック (幾何学・図形) D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 38

Slide 38 text

インフォグラフィックの 作り方 実践編 CAPTER 06 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 39

Slide 39 text

CAPTER 06 インフォグラフィックの作り方 実践編 情報収集 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 40

Slide 40 text

CAPTER 06 インフォグラフィックの作り方 実践編 情報の整理・編集 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 41

Slide 41 text

CAPTER 06 インフォグラフィックの作り方 実践編 パターンを探す (見せ方を考える) D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 42

Slide 42 text

CAPTER 07 インフォグラフィックの作り方 コツ編 素材を探す LOREM IPSUM Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat LOREM IPSUM Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat LOREM IPSUM Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat LOREM IPSUM Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat LOREM IPSUM Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, LOREM IPSUM Lorem ipsum dolor sit amet, consectetuer adipiscing elit, LOREM IPSUM Lorem ipsum dolor sit amet, consectetuer adipiscing elit, LOREM IPSUM Lorem ipsum dolor sit amet, consectetuer adipiscing elit, LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM YOUR TITLE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. LOREM IPSUM YOUR TITLE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. LOREM IPSUM YOUR TITLE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. LOREM IPSUM YOUR TITLE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. LOREM IPSUM Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod LOREM IPSUM Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod LOREM IPSUM Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod LOREM IPSUM Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam. 75% DATA A Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam. 50% DATA B Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam. 40% DATA C DATA 01 DATA 02 DATA 03 DATA 04 DATA 05 2015 2020 2015 2020 2015 2020 2015 2020 2015 2020 75% 20% 5% 50% DATA 01 DATA 02 DATA 03 DATA 04 INFOGRAPHIC TITLE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . TITLE HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . TITLE HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . TITLE HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . TITLE HERE 2018 2019 2020 2021 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . OPTION 01 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . OPTION 02 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . 03 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . OPTION 04 OPTION Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . DATA 2019 01 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . DATA 2019 02 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . DATA 2019 03 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . DATA 2019 04 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . DATA B Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . DATA C Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . DATA E Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . DATA D Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . DATA A Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt diam sed . STEP 05 STEP 04 STEP 03 STEP 02 STEP 01 TITTLE HERE INFOGRAPHIC Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud TITLE HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. A TITLE HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. B TITLE HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. C TITLE HERE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. D D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 43

Slide 43 text

CAPTER 06 インフォグラフィックの作り方 実践編 ストーリーを考える D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 44

Slide 44 text

CAPTER 06 インフォグラフィックの作り方 実践編 組み合わせてデザインする D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 45

Slide 45 text

インフォグラフィックの 作り方 コツ編 CAPTER 07 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 46

Slide 46 text

CAPTER 07 インフォグラフィックの作り方 コツ編 見本を探して作る D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 47

Slide 47 text

https://dribbble.com/ https://www.pinterest.jp/ https://jp.freepik.com/ CAPTER 07 インフォグラフィックの作り方 コツ編 見本を探すサイト D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 48

Slide 48 text

CAPTER 07 インフォグラフィックの作り方 コツ編 素材を探すサイト https://www.vecteezy.com/ https://icooon-mono.com/ https://jp.freepik.com/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 49

Slide 49 text

インフォグラフィックの 制作例 CAPTER 08 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 50

Slide 50 text

CAPTER 08 インフォグラフィックの制作例 うすずみ桜四季彩館 地図 http://toyosystemsvc.co.jp/ 5)& 6/&91-03&% 3&(*0/ 0' 5)& 64 6;6.* )05 413*/( Թઘ 5)&6/&91-03&%3&(*0/ 0'5)&646;6.* )05413*/( Թઘ ͏ͣ͢ΈԹઘ ࢛ق࠼ؗ ύλʔΰϧϑ৔ றं৔ ϗςϧ ಓͷӺ͏ͣ͢ΈͷཬɾͶ͓ ࠜඌσΠαʔϏεηϯλʔ άϧϝϋ΢ε՚Ԍ ݱࡏ஍ ;Δ͞ͱମݧ޻๪ ࣳੜ޿৔ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 51

Slide 51 text

CAPTER 08 インフォグラフィックの制作例 ヨーグルティア PRO ブース https://tanica.jp/pro/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 52

Slide 52 text

CAPTER 08 インフォグラフィックの制作例 Dr. ノンの研究所研究所 https://subaruya.com/lab/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 53

Slide 53 text

CAPTER 08 インフォグラフィックの制作例 ヨーグルティア S https://tanica.jp/yogurtia-s-pr/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 54

Slide 54 text

CAPTER 08 インフォグラフィックの制作例 ヨーグルティア PRO 動画 https://tanica.jp/yogurtia-pro/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 55

Slide 55 text

CAPTER 08 インフォグラフィックの制作例 タニカ電器 パンフレット 創業者の谷口文雄は、 日々の生活に目を凝らし不便を感じた 商品に、 自身の着想を加えた発明をすることが得意でした。 谷口文雄が生きた終戦直後は、国内外の先人たちが多くの 製品を開発し、 生活が潤ってきた時代でした。 生活に合わせ 製品を改良するスタイルは、 まさに時代が求めたものでした。 子どものように挑戦心をむき出しにして取り組んだ創業者 の精神は、 今もタニカ電器に受け継がれています。 λχΧిث͸૑ۀऀͷࢥ͍Λड͚ܧ͗ɺࠓͷੜ׆ΛΑΓ๛͔ʹ͢Δͨ Ίʹ ೔ʑݚڀΛॏͶɺ ॊೈͳൃ૝Λେ੾ʹ੡඼։ൃʹऔΓ૊ΜͰ͍·͢ɻ History TJOD O O F F F 年 ABCT種菌 年 カンペット 家庭用酒燗器は画期的 な商品として人気を獲得 年 技研陶器製作所創立 セラミック部品を製造 ೥ ヘルスチック 年 輸出用電気ポット 年 電気卵ゆで器 年 ガラス製電気ポット 年 自動ゆで卵器 EGG MASTER 年 あめんぼ 年 ホームヨーグルター 日本で初めてヨーグルト メーカーを製造 年 タニカ電器株式会社に 社名変更 年 湿式 コンタクトレンズ 消毒器 年 シャンプー加湿器 年 ホームヨーグルター 年 家庭用酒燗器 年 観光バス用 湯沸かしヒーター 温度調節機能付きヨーグルトメーカー 年 ヨーグルティア 年 コンタクト消毒器 サーモライザー 年 カスピメーカー 年 酵素培養器酵素工場 年 アリスミラー 年 ヨーグルティ アS ヨーグルティアをさらに進化 させたヨーグルティアS 年 KAMOSICO 年 陶器製電気ポット 年 無針ホッチキス 年 モーニングポット 年 モナリザオルゴール 年 シャッター制御盤 年 コンタクト消毒器 年 コンタクト消毒器 ライザーミニ 年 コーヒーメーカー 年 コンタクト消毒器サーモライザー 年 業務用酒燗器 年 ヨーグルティ ア 年 コンタクト消毒器 エピライザー 年 電気哺乳瓶消毒器 年 ヨーグルティ アPRO 12Lのヨーグルト ɾ 甘酒が作れる 業務用冷蔵ヨーグルトメーカー 年 甘酒酵素 ɾ チーズ酵素 創業者 谷口文雄 昭和年代当時の工場 ೥ ヨーグルトメーカー 年 ヨーグルティア PRO 年 業務用酒燗器 年 業務用酒燗器 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 56

Slide 56 text

CAPTER 08 インフォグラフィックの制作例 ぎふの木ネット https://gifunoki.net/council/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 57

Slide 57 text

CAPTER 08 インフォグラフィックの制作例 ぎふの木 ネットパンフレット D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 58

Slide 58 text

CAPTER 08 インフォグラフィックの制作例 マテリアルペディア https://materialpedia.net/solution D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 59

Slide 59 text

CAPTER 08 インフォグラフィックの制作例 グラフィックレコーディング D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 60

Slide 60 text

CAPTER 08 インフォグラフィックの制作例 おまけ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 61

Slide 61 text

インフォグラフィックの 注意点 CAPTER 09 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 62

Slide 62 text

CAPTER 09 インフォグラフィックの注意点 嘘やイメージの操作ができる D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 63

Slide 63 text

CAPTER 09 インフォグラフィックの注意点 嘘やイメージの操作の例① D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 64

Slide 64 text

CAPTER 09 インフォグラフィックの注意点 嘘やイメージの操作の例② D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 65

Slide 65 text

CAPTER 09 インフォグラフィックの注意点 嘘やイメージの操作の③ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 66

Slide 66 text

CAPTER 09 インフォグラフィックの注意点 嘘やイメージの操作の例④ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 67

Slide 67 text

CAPTER 09 インフォグラフィックの注意点 嘘やイメージの操作の例⑤ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 68

Slide 68 text

CAPTER 09 インフォグラフィックの注意点 嘘やイメージの操作の例⑥ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p

Slide 69

Slide 69 text

● デザインのレベルアップに有効 ● 作るには時間 (コスト) がかかる ● 最初は見本を参考に作ってみよう ● 情報の誤認 (操作) には注意 まとめ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p