ディズニー ツイステッドワンダーランド デザイン考察

今回は「ディズニー ツイステッドワンダーランド」（以下ツイステ）について記載します。

このゲームの特徴は以下。

ツイステのデザインの特徴

女性向けのデザイン＆ダークファンタジーの絶妙なミックス

ベージュをメインカラーに用いて、サブカラーに黒を使用。

まずこの配色によってガーリーなイメージとダークファンタジーを上手くミックスしています。

この上手い配色によって、かつヴィランズという悪役をテーマにしたダークな雰囲気を重くなりすぎない絶妙なバランスでUIに落とし込むことに成功しています。

また、ベージュパーツの部分は色相の違うベージュを組み合わせることによってのっぺりした印象にならず、うっすらと立体感も感じるリッチなフラット寄りのデザインに仕上げています。

部分的にグラデーションを用いていたり、フラットデザインのさっぱり感を上手く回避してゲームUIとして洗練させていますね。

そして差し色で使われているパープル。

ややトーンを落としたパープルがUI素材に部分的に使われているのと、より強調したい部分には明るめのパープルを用いており、ミステリアスな雰囲気を演出しつつもしっかりとUIのコントラストという役割に貢献しています。

配色設計が見事な良デザインです。

手書き風のアイコンデザインが魅力を増す

ツイステのUIデザインで、配色とは別で特徴的なのがアイコンのデザイン。

Illustratorできっちりと図形を組み合わせてカッチリ作ったような形ではなく、手書き風のあえて形を整えないデザイン。

これがツイステのミステリアスな雰囲気に見事にマッチしています。

使われている書体は『筑紫A丸ゴシック』のようですが、これもまた雰囲気があって素晴らしいチョイス。

有名イラストレーターとカートゥーン風背景のミックス

日本の有名な漫画家/イラストレーターをキャラクターデザインに起用し、魅力ある、そして個性的なキャラクターたちを見事に描き分けているのですが、面白いのが背景はカートゥーン調であること。

アメリカのアニメっぽい塗りや歪ませた形の取り方が独特な背景絵で、ディズニーっぽさを感じさせる世界の表現が取り入れられています。

色彩のトーンがマッチしているのと、カートゥーン調ではあるけどしっかりと描き込みや奥行き感を表現している背景、個性的だけどクセの少ないキャラクターデザインが高次元で調和しているように感じられます。

ツイステの各画面を見てみる

ホーム画面

画面右側にメインの導線を集約し、左側にサブ的な機能を配置。

若干キャラクターが中央よりも左にずれて見えますが、このズレが右側のメイン導線に注意を引きつけるような効果を感じていて、意図しての配置だとかなり高度なテクニックに思えます。

LESSON,STORYのボタンの意匠も素晴らしく、ディズニーのとある作品から取り入れているのも面白いポイント。

メインストーリー

こちらはメインストーリーの画面。

マップ風の背景絵もまた手書きのタッチが残る、雰囲気のある表現。

『PROLOGUE』と書かれたボタンの書体も遊びがあって雰囲気にマッチしています。

リストボタンとヘッダーの数値まわりのデザインが同様なスタイルになっていますが、割とこの辺りは混合しても割り切っている感じも良き。

イベント画面

インゲーム部分は複数のゲーム性を取り入れています。

このゲームをプレイする目的が、ヴィランズの魂を持つキャラクターたちと触れ合うことにあるとすれば、インゲーム部分は複数のゲーム性を取り入れて、より飽きさせないようにした方が良い。

そう考えるとかなり納得感があります。

また、キャラクターたちも戦うばかりではなく、様々な課題に直面する感じも表現できるのでこの工夫はかなり面白いなと感じます。

また、『STORY CLEAR』や『RESULT』の表現。

クラシックなアニメのような趣のあるデザイン。広い面をベタ塗りで表現してますが、複数のトーンのベージュ、ブラウン、黒などを組み合わせてしっかり絵として持つようなデザインが斬新でした。

ガチャ

ガチャ演出はかなりエモーショナル。

ディズニーの雰囲気をふんだんに感じさせる、『城』『鏡』『鍵』などなどのモチーフ。

ここではエフェクトや演出もゴリゴリに使われていてしっかりキャラクターとの出会いを盛り上げてくれています。

どの場面も抜かりない高クオリティ。

まとめ：ディズニーのダークな表現とガーリーなデザインの良ミックス

配色から素材の作り込み、書体の使い方やキャラクター、背景のテイストの組み合わせなど、高度なミックスが見事なデザインでした。

特にフラット寄りのデザインでここまで工夫を凝らして、しっかりとゲームのUIとして成立させたのは驚きでした。

画面のどの部分を切り取ってもツイステだと分かるような、独自のデザイン性をふんだんに盛り込んだ高クオリティは必見です。

ゲームデザインプロフェッショナル - 誰もが成果を生み出せる、『FGO』クリエイターの仕事術 [ 塩川 洋介 ]

posted with カエレバ

楽天市場で探す

Amazonで探す