ゲームアプリのUIデザイン

プレイしたゲームアプリのUIデザインに関して書き残します。毎日頑張って更新!

「魔法使いの約束」タイトルロゴに隠されたデザインの考察

こんにちは!ちょこです!

 

このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。

 

今回は「魔法使いの約束」、通称「まほやく」のロゴに隠されたデザインを考察してみます。

 

「魔法使いの約束」のロゴは世界観の表現や可読性だけではなく、ストーリーに関わるメッセージが隠されているタイプのデザインに見えました。
有名なのはPS1の「ヴァルキリープロファイル」でしょうか。

ヴァルキリープロファイル[PS1]。隠された真エンディング。初回で見られた人は… - おしょ〜の激コアゲームライフ

 

色々なタイプのロゴをデザインすることがあるかと思いますが、デザインをする際の一つの指針のとなれば幸いです。

 

「魔法使いの約束」のロゴデザインはこちらです。
このロゴに隠れているデザインの意図について考察を述べさせていただきます。
考察部分については仮説を多く含んだり、必ずしも結論を出しているわけでもありませんのでご了承ください。

魔法使いの約束のロゴです

 

 

 

 

文字の話

1:「約」の点が2つ

最初に引っ掛かったのは「約」の文字です。
このように右側の点が2つあります。

約の右部分を切り取った画像です

これは文字の読みやすさを考慮すると不自然なデザインです。
ロゴをデザインする際にバランスを崩すことはしばしばありますが、この崩し方では誤字に見られてしまう可能性があります。

「魔法使いの約束」はクオリティの高いロゴデザインであるため、誤字に見えるようなデザインはミスではなく必然的なものであり、何かしらの意図を含めているのだと感じました。

 

2:部分に反転している文字

仮に意図的ではなかったとしても、それがひとつだけならバランスの取り方の捉え方の考え方と違いとも考えられますが、糸の一部の形状も反転しています。

「魔法使いの約束」において「反転」は多くの意味を含むため、やはりロゴには何かしらのメッセージを含めていると感じました。

約の糸の下部分を切り取った画像です

 

3:散りばめられた星の意味

ロゴに散りばめられている星のデザインと数が気になりました。
ロゴに隠れている星は3つあります。「魔」の文字に1つ、「約」の文字に2つです。

魔の部分を切り取った画像です

約の右部分を切り取った画像です

 

次にゲーム中にある賢者の書の表紙に注目してみます。

賢者の書のアイコンです。青紫の魔導書にユリの花が添えられています

 

画面遷移演出中に一瞬だけ表示されますが、表紙はこのようなデザインです。

賢者の書の表紙のグラフィックです

 

画面の四隅に星の装飾が施されています。

賢者の書の表紙の星を切り取った画像です

 

数は一致していませんが、これについては私が見落としているのかもしれません。例えば、ロゴの中央も星とカウントするとか、「の」にも星が隠れているようにも感じます。

いずれにしても何かしら因果関係があるようには感じます。

ロゴの「いの」の部分を切り取った画像です

 

4:「魔」に隠された月

続いて「魔」左上のパーツが不自然に伸びているのが気になりました。

魔の左上を拡大した画像です

 

これは「魔」に隠された月の一部なのではないか、と感じます。

魔の文字に三日月を重ねた画像です

仮に月を隠しているのであれば、なぜ「魔」の文字に隠しているのか…?という疑問も浮かびましたが、これについてはこの後に触れたいと思います。

 

5:対称性のあるデザイン

ロゴのバランスを見ると、全体的に対称性を意識しているように感じました。
具体的には魔と束の払い、法と約の一部です。

こちらと…

魔法使いの約束のロゴです。魔と束の両端部分だけを明るくしました

 

この部分ですね。

魔法使いの約束のロゴです。法と約の一部を明るくしました

先ほどの「反転」というキーワードと同時に「魔法使いの約束」においては「対称性」についても重要な要素であるため、ロゴをデザインする際にも意識していると考えられます。

 

6:月とユリの関係性

さて、仮にロゴが対称性を意識しているとなると、先ほどの「魔」に隠された月の意味を考えるヒントが浮かびます。
ロゴの右端にあるのはユリの花です。このユリの意味を考えてみます。

魔法使いの約束のロゴです。魔の一部とロゴのユリを赤くしています



ユリの話

7:ユリの花びらの数が足りない?

ロゴの右にある花はユリです。ゲーム中でも頻繁に登場しています。

魔法使いの約束のロゴに描かれているユリ部分を切り取った画像です

ただ、ロゴに描かれている花びらは5枚ですが、通常はユリの花びらは6枚です。

 

ユリ 花と葉の構造 | ユリ.net

ユリの花には、6枚の花弁があるように見えます。

 

ロゴのユリだけではなく、ゲーム内のユリのデザインを確認してみると不思議なことになっていました。

まずライブラリのユリの花びらは5枚です。

ライブラリのアイコンです。白いユリの花が描かれています

 

パーティや賢者の書に描かれているユリの花びらは6枚です。

パーティのアイコンです。黄色いユリの花が描かれています

賢者の書のアイコンです。青紫の魔導書にユリの花が添えられています

 

背景のスタンドグラスに描かれているユリは7枚です。

魔法舎画面の背景に描かれているスタンドグラスです

 

最後にお別れのアイコンのユリは5枚です。

お別れのアイコンです。白いユリの花が散っています

 

使われている状況からユリは魔法使いを暗喩しているのだと推測します。
パーティやお別れ、ライブラリなど、いずれも魔法使いに関する行動を表わしています。

賢者の書のアイコンについても賢者(プレイヤー)の傍らにいる魔法使いと見ることもできますし、賢者の書の内容も魔法使いについて書かれています。

賢者の書のアイコンです。青紫の魔導書にユリの花が添えられています

 

ユリは魔法使いだとして、花びらの数が一定ではないのはどういった意味があるのか…気になるところです。

 

8:花びらは欠けているのか?

ゲーム中のユリの花びらは一旦忘れて、ロゴのユリの花びらについて注目します。
改めてユリを見ると、一部の形が崩れているように見て取れます。

魔法使いの約束のロゴに描かれているユリ部分を切り取った画像です

 

ここの部分ですね。

ユリの花びらの更に一部を切り取った画像です

 

同時に「魔」の近くにもこの欠片のような表現があります。

魔の左部分を切り取った画像です

 

この表現を「崩壊」と見ることもできますし、「再生」と見ることもできます。

先に紹介しましたが、仮に月とユリが対称的な関係性を持つのであれば「魔」に隠された月が崩壊しているのであれば、ユリは再生を表わしていきます。

あるいはその逆も解釈することができます。

月を犠牲にすればユリは助かる。
月を救おうとすればユリが犠牲になる、という関係性ですね。

 

 

魔法陣の話

9:魔法陣は満月を表わしている?

改めてロゴを見てみると、大きな魔法陣が描かれています。

見たままに魔法陣と解釈することもできますが、もしかしたら月の意味を含めているのかもしれないと考えています。

ロゴの背面にある魔法陣を切り取った画像です

 

ゲーム中の月と言えば満月です。
ただ、今のところロゴの中には三日月しか見つけられていません。
月と言えば満月にも関わらず、満月をモチーフとして外すことは考えづらく、だからこそ満月はどこに行ったのかな…と考えた際に、魔法陣が候補に浮かび上がります。

というのも、OPムービーを見ると魔法陣が月を背負っている構図が印象的です。
何かしらの因果関係はあるように感じます。

魔法使いの約束のオープニングムービーの画像です。画面中央に大きな月とロゴが表示されています

 

10:反転していない鏡文字

こちらの魔法陣の外側に文字の様なデザインが施されていることに気付きます。
Sのような5のような記号ですね。

魔法陣の一部を切り取った画像です。英語のSや数字の5のような記号に見えます

 

また、賢者の書の表紙にも似たような文字が書かれています。

賢者の書の表紙の一部を切り取った画像です。こちらにもSや5のような記号に見えます

ただ、それぞれ左右非対称のデザインになっています。

どちらが正しい見方なのかは分かりませんが、仮に魔法陣が月を示してるのであれば、反転している方は月の裏側を表わしているのかもしれません。

 

 

このように「魔法使いの約束」では何かしらのメッセージを含めたロゴデザインになっていると感じました。

どういった意味が含まれているのかは分かりませんが、世界観の没入感に貢献しているように感じました。

 

 

以上です。

ロゴにメッセージを含めたいと考えた際の参考になれば幸いです。

 

 

 

このブログではこのようにゲームUIついて簡単にまとめて紹介しています。

他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。

 

当ページは株式会社coly「魔法使いの約束」の画像を利用しております 該当画像の転載・配布等は禁止しております。
©coly

 


権利者さまへ

以下はコンテンツ利用に関する認識の説明です。

「魔法使いの約束」のガイドラインを確認したところ、ゲーム内で使用されている画像やスクリーンショット画像はWebサイトやSNSへ投稿しても良い旨の文章がありました。

 

コンテンツガイドライン | 株式会社coly

1)画像について

  • ゲーム内で使用されている画像やスクリーンショット画像はWebサイトやSNSへ投稿いただいても構いません。
  • 非営利目的でしたら当社ゲームを題材としたWebサイトをご制作頂いても構いません。
  • ゲーム内で使用されている画像の過度なリサイズや編集、加工はご遠慮いただきますようお願い致します。

当ゲームを題材としてウェブサイトの公開をされる場合や公式の情報を出す際には必ず下記のようにコピーライトの明記をお願い致します。

 

これによりゲーム画面のスクリーンショットのブログの利用についてはガイドラインに従った前提で許可されている認識でおります。

画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。

 

お問い合わせ