Slide 1

Slide 1 text

1/118 ビジュアルコミュニケーション室 アートディレクター / 菊池翔太 ビジュアルアーツ/プロダクション 最高のアートワークを発信する 『Cygames展 Artworks』企画制作事例

Slide 2

Slide 2 text

2/118 菊池 翔太 ビジュアルコミュニケーション室 / アートディレクター 2011年に株式会社Cygamesへ合流。 グラフィックデザイナーとして広告やweb制作を担当後、 アートディレクターとして制作物の監修に従事。 現在はCygames展を始めとした展覧会案件や海外イベントに 出展するブース造作などのアートディレクションを担当。 自己紹介

Slide 3

Slide 3 text

3/118 本講演で得られるもの 美術展での展示方法・検討プロセス クリエイティブを大事にするコーポレート ブランドの構築方法

Slide 4

Slide 4 text

4/118 アジェンダ 1. Cygames展とは • Cygames展が目指したもの 2. 展示をより良くするための取り組み • 「系譜」を感じさせる演出 • 美術館との調和 • 満足度を上げるための会場体験 3. まとめ

Slide 5

Slide 5 text

5/118 Cygames展 Artworksとは

Slide 6

Slide 6 text

6/118

Slide 7

Slide 7 text

7/118 Cygames展 Artworksとは 上野の森美術館 会場 2023年9月~(1か月間) 日時

Slide 8

Slide 8 text

8/118 Cygames展 Artworksとは 展覧会の目的 「アートワーク」のこだわりを知ってもらうこと 10年を超える歴史の中で生まれた多くのゲームのいずれにおいてもデザイン、 イラストなどのアートワークが大きな役割を果たしている。 それらのアートワークには、クリエイターの技術やこだわり、想いが込められている。 ファンの皆さんに、 普段ゲームをプレイをしている際には気づかない新たな魅力や楽しみも知ってもらいた いと考え実施。

Slide 9

Slide 9 text

9/118 Cygames展 Artworksとは 口コミ効果により、約140件のメディアに 取り上げられ、会期後半には多くの来場者が訪れ 会期中1000人を超える日が続き盛況となった ガイドアプリは1ヶ月の期間で約20,000DLされ、 多くの来場者に利用された

Slide 10

Slide 10 text

10/118 Cygames展 Artworksとは SNSの反応 膨大な物量に圧倒された、 ゲームを遊んだことのない私でも楽しめました 懐かしいものも新しいものも満載だった 細かい配慮とノウハウで ファンに喜ばれる展覧会だった 入り浸って推しのキャラを探してしまった

Slide 11

Slide 11 text

11/118 Cygames展が目指したもの

Slide 12

Slide 12 text

12/118 Cygames展が目指したもの 最高のコンテンツの系譜 これまでCygamesがリリースしてきたゲームタイトルの アートの歴史を紐解きながら、魅力を紹介する展示

Slide 13

Slide 13 text

13/118 展示をより良くするための取り組み

Slide 14

Slide 14 text

14/118 Cygames展が目指したもの 「最高のコンテンツの系譜」を伝えるために大切にしたこと 「系譜」を感じられる演出 美術館との調和 満足度をあげるための会場体験

Slide 15

Slide 15 text

15/118 「系譜」を感じられる演出

Slide 16

Slide 16 text

16/118 「系譜」を感じられる演出 そもそも「系譜」とは? 1. 先祖から子孫に至る一族代々のつながり。 師弟関係などのつながり。 また、それを書き表した図や記録。系図とも言う。 2. 同じような要素・性質を受け継いでいる事物のつながり。 コトバンク.「系譜」. https://kotobank.jp/word/系譜-59138 ,(参照2024-09-19)

Slide 17

Slide 17 text

17/118 「系譜」を感じられる演出 「系譜」を感じられるとは? Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる

Slide 18

Slide 18 text

18/118 「系譜」を感じられる演出 「系譜」を感じられるとは? ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる Cygames展チームで考えた「系譜」の要素

Slide 19

Slide 19 text

19/118 「系譜」を感じられる演出 コーポレートロゴ・カラーを利用 「Cygames」という会社軸 「歴史」を伝えるために選んだ見せ方

Slide 20

Slide 20 text

20/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 歴史が伝わる 「Cygames」という 会社軸 懐かしさを 感じられる ルーツが伝わる

Slide 21

Slide 21 text

21/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 歴史が伝わる 「Cygames」という 会社軸 懐かしさを 感じられる ルーツが伝わる

Slide 22

Slide 22 text

22/118 「系譜」を感じられる演出 ※画像が入ります 「第1作」という原点軸 「ルーツ」を伝えるために選んだ見せ方

Slide 23

Slide 23 text

23/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 歴史が伝わる 「Cygames」という 会社軸 懐かしさを 感じられる 「第1作」という 原点軸

Slide 24

Slide 24 text

24/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 歴史が伝わる 「Cygames」という 会社軸 懐かしさを 感じられる 「第1作」という 原点軸

Slide 25

Slide 25 text

25/118 様々な「ゲーム」軸 「系譜」を感じられる演出 etc... 「懐かしさを感じられる」ために選んだ見せ方

Slide 26

Slide 26 text

26/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる 「Cygames」という 会社軸 「ゲーム」軸 「第1作」という 原点軸

Slide 27

Slide 27 text

27/118 「系譜」を感じさせる キービジュアルについて

Slide 28

Slide 28 text

28/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる 「ゲーム」軸 「第1作」という 原点軸 「Cygames」という 会社軸

Slide 29

Slide 29 text

29/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる 「ゲーム」軸 「Cygames」という 会社軸 「第1作」という 原点軸

Slide 30

Slide 30 text

30/118 「系譜」を感じられる演出 神撃のバハムート ルーツ コーポレートロゴ&カラー 歴 史

Slide 31

Slide 31 text

31/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる 「ゲーム」軸 「Cygames」という 会社軸 「第1作」という 原点軸

Slide 32

Slide 32 text

32/118 「系譜」を感じられる演出 各ゲームの代表的な キャラクター達の集合絵 懐かしさ 神撃のバハムートから スタートしたことがわかる 歴 史

Slide 33

Slide 33 text

33/118 「系譜」を感じられる演出 Cygamesを知っている人向け ゲームを知っている人向け 歴史を感じてもらいたい

Slide 34

Slide 34 text

34/118 「系譜」を感じられる演出 入口も2つからのアプローチ

Slide 35

Slide 35 text

35/118 「系譜」を感じさせる イントロダクションムービーについて

Slide 36

Slide 36 text

36/118 「系譜」を感じられる演出 Cygames展チームで考えた「系譜」の要素 ルーツが伝わる 懐かしさを 感じられる 歴史が伝わる 「ゲーム」軸 「Cygames」という 会社軸 「第1作」という 原点軸

Slide 37

Slide 37 text

37/118 「系譜」を感じられる演出

Slide 38

Slide 38 text

38/118 「系譜」を感じられる演出 年表・沿革だと文字の情報量が多く 説明的になりすぎる 視覚的に想像しやすい DNAらしい表現を採用 映像でまとめるために DNAを絵の具に例え「流れる」イメージ

Slide 39

Slide 39 text

39/118 「系譜」を感じられる演出 本展示の目次の役割を担うために 統一した要素・モチーフを使い 「系譜」の展示展が始まることを示唆

Slide 40

Slide 40 text

40/118 「系譜」を感じさせるための まとめ

Slide 41

Slide 41 text

41/118 「系譜」を感じられる演出 3つの軸からアプローチ 統一した要素・モチーフを使い 展示テーマがブレないように設計した

Slide 42

Slide 42 text

42/118 「系譜」を感じられる演出 「ゲーム」軸のキービジュアル を設けることで、 特定のゲームが好きなファンに 他にどんなゲームを作っている 会社か認識してもらえるように なった

Slide 43

Slide 43 text

43/118 「系譜」を感じられる演出 「会社・原点」軸のキービジュ アルを設けることで、 ゲーム広告とは異なる「美術展 示」にふさわしい荘厳な印象を 与えることにもつながった

Slide 44

Slide 44 text

44/118 美術館との調和

Slide 45

Slide 45 text

45/118 美術館との調和

Slide 46

Slide 46 text

46/118 美術館との調和 「美術館との調和」のために今回の展覧会で大事にしたポイント 美術館ならではの体験 系譜が伝わる • 歴史 • ルーツ • 各ゲーム • デジタルデータとアナログの調和 • 展覧会としての統一感 • 美術館らしいグッズの制作

Slide 47

Slide 47 text

47/118 美術館との調和 「美術館との調和」のために今回の展覧会で大事にしたポイント 美術館ならではの体験 系譜が伝わる • 歴史 • ルーツ • 各ゲーム • デジタルデータとアナログの調和 • 展覧会としての統一感 • 美術館らしいグッズの制作

Slide 48

Slide 48 text

48/118 美術館との調和 「美術館ならではの体験」を提供するためのポイント デジタルデータとアナログの調和 展覧会としての統一感 美術館らしいグッズの制作

Slide 49

Slide 49 text

49/118 美術館との調和 「美術館ならではの体験」を提供するためのポイント デジタルデータとアナログの調和 展覧会としての統一感 美術館らしいグッズの制作

Slide 50

Slide 50 text

50/118 デジタルデータとアナログの調和 展示にあたっての課題 全てのアートワークを 展示会場には入れられない そのまま印刷しても そのままの色にならない 展示にあたっての課題 デジタルデータをどうアナログで見せるか

Slide 51

Slide 51 text

51/118 デジタルデータとアナログの調和 展示にあたっての課題 展示にあたっての課題 全てのアートワークを 展示会場には入れられない そのまま印刷しても そのままの色にならない デジタルデータをどうアナログで見せるか

Slide 52

Slide 52 text

52/118 デジタルデータとアナログの調和 各タイトルの強みにフォーカスして メッセージを明確にした上で情報量を調整する 全てのアートワークを展覧会場には入れられない 各ゲームのビジュアルデータは膨大な量

Slide 53

Slide 53 text

53/118 デジタルデータとアナログの調和 Cygamesの原点 イラスト、システム、シナリオなど従来 のゲームの常識に捉われずクオリティー を追求。 DNAとなり、その後のタイトルに受け 継がれる。 歴代イベントやイラストを通して10年 を超える歴史を紹介。 神撃のバハムート

Slide 54

Slide 54 text

54/118 デジタルデータとアナログの調和 空の世界へ没入する 特徴的かつ挑戦的、そして圧倒的なク オリティーを誇るものはアートワーク。 イラストやラフ画、設定資料などさま ざまなアートワークを紹介し、ゲーム 中で生み出された質と量による展示で、 空の世界を紹介。 グランブルーファンタジー

Slide 55

Slide 55 text

55/118 デジタルデータとアナログの調和 すべてはキャラクターが 輝くために キャラクターの魅力を、イラスト、 モーション、ラフや原画などで紹介。 さらにキャラクターを取り巻く装備や モンスター、背景、さらにはエンディ ング映像などさまざまな角度から紹介。 プリンセスコネクト!Re:Dive

Slide 56

Slide 56 text

56/118 アイドルの個性とリアリティーの追求 Cygamesの原点 カードならではの世界に浸る 空の世界へ没入する すべてはキャラクターが輝くために デジタルデータとアナログの調和 THE IDOLM@STER & ©Bandai Namco Entertainment Inc. 配信元:(株)バンダイナムコエンターテインメント

Slide 57

Slide 57 text

57/118 デジタルデータとアナログの調和 過去からつながる系譜 ドットで作る世界 メインストーリーをたどる 最高の技術とアイデアで新しい挑戦を ©  Cygames, Inc. / Citail Inc.

Slide 58

Slide 58 text

58/118 デジタルデータとアナログの調和 展示にあたっての課題 デジタルデータをどうアナログで見せるか 展示にあたっての課題 全てのゲームデータを 展示会場には入れられない そのまま印刷しても そのままの色にならない

Slide 59

Slide 59 text

59/118 そのまま印刷してもそのままの色にならない デジタルデータとアナログの調和 データと印象が一致しない=没入感を損ねる可能性がある。 全てのアートワークで「色校正」を実施 データ上の色(RGB) 印刷物の色(CMYK)

Slide 60

Slide 60 text

60/118 そのまま印刷してもそのままの色にならない デジタルデータとアナログの調和 色校正とは 印刷物が指定した色で刷り上がるかを 確認するために、 試し刷りをしてチェックすること

Slide 61

Slide 61 text

61/118 デジタルデータとアナログの調和 通常の印刷はCMYK(4色刷)が一般的 特殊な10色刷により複雑な色味を再現 シアン ライト シアン ビビット マゼンタ イエロー ビビット ライト マゼンタ ライト グレー グレー ダーク グレー フォト ブラック マット ブラック

Slide 62

Slide 62 text

62/118 デジタルデータとアナログの調和 元絵 初稿 二稿 三稿

Slide 63

Slide 63 text

63/118 デジタルデータとアナログの調和 四稿(最終稿) 元絵

Slide 64

Slide 64 text

64/118 デジタルデータとアナログの調和 とにかく確認を繰り返す

Slide 65

Slide 65 text

65/118 デジタルデータとアナログの調和 とにかく確認を繰り返す

Slide 66

Slide 66 text

66/118 デジタルデータとアナログの調和 とにかく確認を繰り返す

Slide 67

Slide 67 text

67/118 美術館との調和 「美術館ならではの体験」を提供するためのポイント デジタルデータとアナログの調和 展覧会としての統一感 美術館らしいグッズの制作

Slide 68

Slide 68 text

68/118 展覧会としての統一感 ゲームには作品ごとの世界観がある 個性のあるタイトルを並べるだけだと… 「展覧会」としては まとまりのない印象に

Slide 69

Slide 69 text

69/118 展覧会としての統一感 展示物以外のデザインに共通するデザインルールの作成 1つの「展覧会」にするために フォント 色 線

Slide 70

Slide 70 text

70/118 展覧会としての統一感 フォント 色 線

Slide 71

Slide 71 text

71/118 展覧会としての統一感 フォント 色 線

Slide 72

Slide 72 text

72/118 展覧会としての統一感 フォント 色 線 BLACK 2色 WHITE 重厚な作品や展示物、その他 コンシューマータイトルなど 可愛い、綺麗な作品や 過去作品など

Slide 73

Slide 73 text

73/118 展覧会としての統一感 フォント 色 線 縦 横

Slide 74

Slide 74 text

74/118 展覧会としての統一感 フォント 色 線

Slide 75

Slide 75 text

75/118 展覧会としての統一感 各ゲームタイトル紹介エリア

Slide 76

Slide 76 text

76/118 美術館との調和 展示エリア(黒)

Slide 77

Slide 77 text

77/118 美術館との調和 展示エリア(白)

Slide 78

Slide 78 text

78/118 美術館との調和 「美術館ならではの体験」を提供するためのポイント デジタルデータとアナログの調和 展覧会としての統一感 美術館らしいグッズの制作

Slide 79

Slide 79 text

79/118 美術館らしいグッズの制作 「美術館での体験」に含まれるもの 鑑 賞 グッズ 購入 来 場 ゲームのリアルイベントといったものとは異なる 美術館ならではのグッズを提供したい

Slide 80

Slide 80 text

80/118 図 録 テーマごとの絵柄 美術館の流行 美術館らしいグッズの制作 「美術館らしいグッズ」とは?

Slide 81

Slide 81 text

81/118 美術館らしいグッズの制作 「展覧会」を振り返るグッズの主役 図 録 テーマごとの絵柄 美術館の流行

Slide 82

Slide 82 text

82/118 美術館らしいグッズの制作 「展覧会」を振り返るグッズの主役 図 録 テーマごとの絵柄 美術館の流行

Slide 83

Slide 83 text

83/118 美術館らしいグッズの制作 「展覧会グッズ」にするためにテーマごとにテイストを統一 本来世界観・絵柄はゲーム毎に異なる 図 録 テーマごとの絵柄 美術館の流行

Slide 84

Slide 84 text

84/118 美術館らしいグッズの制作 ゆるカワ シンプル 名画オマージュ 「展覧会グッズ」にするためにテーマごとにテイストを統一 図 録 テーマごとの絵柄 美術館の流行

Slide 85

Slide 85 text

85/118 美術館らしいグッズの制作 漆黒のジグソーパズル キャンバス地としても使われる スケートボード 図 録 テーマごとの絵柄 美術館の流行

Slide 86

Slide 86 text

86/118 美術館らしいグッズの制作 図 録 テーマごとの絵柄 美術館の流行 SNSの反応 明らかに黒しかないけど正気? 全部黒くて何もわからん

Slide 87

Slide 87 text

87/118 美術館らしいグッズの制作 様々な色味やデザインを検討 図 録 テーマごとの絵柄 美術館の流行

Slide 88

Slide 88 text

88/118 美術館らしいグッズの制作 一般的なリアルイベントよりも購買率が高く、 来場者にとって満足感のあるグッズとなった

Slide 89

Slide 89 text

89/118 美術館との調和|まとめ 「美術館との調和」のために今回の展覧会で大事にしたポイント 美術館ならではの体験 系譜が伝わる • 歴史 • ルーツ • 各ゲーム • デジタルデータとアナログの調和 • 展覧会としての統一感 • 美術館らしいグッズの制作

Slide 90

Slide 90 text

90/118 美術館との調和|まとめ 展覧会としての統一感 展示物以外のデザインに共通するデザインルールの作成した 美術館らしいグッズの制作 各タイトルのメッセージを明確にした上で情報量を調整した 印刷でもデジタルの発色に近くなるように色校正を大量に行った 美術館ならではの体験には閲覧だけではなくグッズ購入も含まれる ゲームのリアルイベントとは異なる視点でグッズを作成した デジタルデータとアナログの調和

Slide 91

Slide 91 text

91/118 満足度を上げるための会場体験

Slide 92

Slide 92 text

92/118 満足度を上げるための会場体験 展覧会で大事にしたポイント 「来てよかった」と思える 現地ならではの体験を提供したい 基本はおさえたけれど… 美術館ならではの体験 系譜が伝わる 最高のコンテンツを提供するためにできることはまだある

Slide 93

Slide 93 text

93/118 満足度を上げるための会場体験 バハムート像 ガイドアプリ 『Shadowverse』カード展示 現地ならではの体験として用意したもの

Slide 94

Slide 94 text

94/118 満足度を上げるための会場体験 バハムート像 ガイドアプリ 『Shadowverse』カード展示 現地ならではの体験として用意したもの

Slide 95

Slide 95 text

95/118 バハムート像によるAR体験

Slide 96

Slide 96 text

96/118 満足度を上げるための会場体験 バハムート像 Cygamesのルーツ・原点として展覧会のシンボルになる像 全高3m超・横幅5.8mの 巨大なバハムート像

Slide 97

Slide 97 text

97/118 満足度を上げるための会場体験 バハムート像 原点とわかるよう「神撃のバハムート」のキービジュアルの印象を担保 展覧会のシンボルになる像にするために検討したこと①ポーズ

Slide 98

Slide 98 text

98/118 満足度を上げるための会場体験 配置場所・会場とのバランスを加味して確定 展覧会のシンボルになる像にするために検討したこと②サイズ バハムート像

Slide 99

Slide 99 text

99/118 満足度を上げるための会場体験 展覧会のシンボルになる像にするために検討したこと③ディテール バハムート像

Slide 100

Slide 100 text

100/118 満足度を上げるための会場体験 バハムート像 ガイドアプリ 『Shadowverse』カード展示 現地ならではの体験として用意したもの

Slide 101

Slide 101 text

101/118 満足度を上げるための会場体験 展覧会をより楽しむための専用アプリ

Slide 102

Slide 102 text

102/118 満足度を上げるための会場体験 アプリ機能① • 音声は全て本展覧会のために新規で収録 • 展示の意図や理解度がより上がる • ファンにとって来たくなる理由になる 開発チームから聞いたこだわりや アートワークの見どころを各ゲームのキャラクターたちがガイド 音声ガイド

Slide 103

Slide 103 text

103/118 満足度を上げるための会場体験 アプリ機能② ARカメラ バハムート像にかざすと特別な演出が見れる

Slide 104

Slide 104 text

104/118 満足度を上げるための会場体験 バハムート像 ガイドアプリ 『Shadowverse』カード展示 現地ならではの体験として用意したもの

Slide 105

Slide 105 text

105/118 動画

Slide 106

Slide 106 text

106/118 満足度を上げるための会場体験 『Shadowverse』カード展示 「カードならではの 世界に浸る」に 合わせた触れる展示 約4000枚の膨大な量の カードが一堂に会す

Slide 107

Slide 107 text

107/118 満足度を上げるための会場体験 テンポの良い演出体験のためのカクツキ・動作など検証も徹底した 数時間触り続ける方がいたり、Shadowverseに 触れたことのないお子様でも楽しんでもらえるコンテンツとなった 『Shadowverse』カード展示

Slide 108

Slide 108 text

108/118 満足度を上げるための会場体験 ガイドアプリ 展示の理解度を上げるため専用のガイドアプリを開発 音声ガイド・ARカメラ機能を搭載させ会場ならではの体験を提供 『Shadowverse』カード展示 Cygames展を象徴するシンボルとして作成 ついつい触りたくなるテンポ感を担保したデジタルカードならではの インタラクティブコンテンツの開発 バハムート像

Slide 109

Slide 109 text

109/118 Cygames展に関する他講演の紹介

Slide 110

Slide 110 text

110/118 まとめ

Slide 111

Slide 111 text

111/118 まとめ 最高のコンテンツの系譜 これまでCygamesがリリースしてきたゲームタイトルの アートの歴史を紐解きながら、魅力を紹介する展示 Cygames展が目指したものは

Slide 112

Slide 112 text

112/118 まとめ 「最高のコンテンツの系譜」を伝えるために大切にしたこと 「系譜」を感じられる演出 美術館との調和 満足度を上げるための会場体験

Slide 113

Slide 113 text

113/118 まとめ 「系譜」を感じられる演出のために 「系譜」が示す要素を定義 歴 史 「Cygames」という 会社軸 懐かしさ 「ゲーム」軸 ルーツ 「第1作」から始まる 原点軸

Slide 114

Slide 114 text

114/118 美術館らしいグッズの制作 デジタルデータとアナログの調和 まとめ 美術館との調和のために 展覧会としての統一感 「系譜」演出に加え 「美術館ならでは」の 要素分解を行い反映

Slide 115

Slide 115 text

115/118 まとめ 『Shadowverse』カード展示 バハムート像 ガイドアプリ 満足度を上げるための会場体験のために 「来てよかった」と思える 現地ならではの体験を提供

Slide 116

Slide 116 text

116/118 まとめ 様々な観点から「最高のコンテンツの系譜」を打ち出した結果 “「アートワーク」のこだわりを知ってもらう”という目的に加え 「Cygamesのことを知ってもらう」という +αの成果にもつながった 来場者の口コミ・SNS拡散 メディア取材申し込み 展覧会後半になるにつれて 来場者数の増加

Slide 117

Slide 117 text

117/118 今後の展望 Cygamesの認知、価値向上に努める 世界を舞台に展開していきたい アートとテクノロジーを駆使して ワクワクする企画を作りたい

Slide 118

Slide 118 text

118/118