富山デザイン勉強会_インフォグラフィックが上手に描けるコツ.pdf

Transcript

1. ϯ σ β Π ษ ڧ ձ ෋ ͱ ࢁ ΍ · Ҋ ਤ 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
2. インフォグラフィック 　　　　　　　とは？ 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
3. • 情報を視覚的に表現した図解や表 • 複雑な事柄を説明ための視覚化したもの • 物事を表すシンボルやアイコン • ただの情報よりも印象に残りやすい インフォグラフィックとは 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
4. ݱ ࡏ ະ དྷ 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
5. インフォグラフィックの用途 • 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
6. インフォグラフィックの 特徴 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
7. 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
8. 注目を 集めやすい 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
9. 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
10. 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
11. 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
12. 正確性を 欠くことがある 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
13. 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
14. インフォグラフィックの 使用例＆事例 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
15. 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
16. 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
17. 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
18. 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
19. 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
20. 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
21. 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
22. 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
23. 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
24. 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
25. 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
26. 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
27. 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
28. 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
29. 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
30. 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
31. 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
32. 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
33. 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
34. インフォグラフィックの 作り方 基礎編 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
35. 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
36. 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
37. 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
38. インフォグラフィックの 作り方 実践編 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
39. 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
40. 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
41. 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
42. 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
43. 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
44. 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
45. インフォグラフィックの 作り方 コツ編 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
46. 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
47. 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
48. 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
49. インフォグラフィックの 制作例 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
50. 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.* )05
    413*/( Թઘ ͏ͣ͢ΈԹઘ ࢛ق࠼ؗ ύλʔΰϧϑ৔ றं৔ ϗςϧ ಓͷӺ͏ͣ͢ΈͷཬɾͶ͓ ࠜඌσΠαʔϏεηϯλʔ άϧϝϋ΢ε՚Ԍ ݱࡏ஍ ;Δ͞ͱମݧ޻๪ ࣳੜ޿৔ 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
51. 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
52. 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
53. 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
54. 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
55. 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
56. 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
57. 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
58. 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
59. 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
60. 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
61. インフォグラフィックの 注意点 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
62. 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
63. 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
64. 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
65. 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
66. 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
67. 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
68. 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
69. • デザインのレベルアップに有効 • 作るには時間 （コスト） がかかる • 最初は見本を参考に作ってみよう • 情報の誤認 （操作） には注意 まとめ 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