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

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

「魔法使いの約束」色のトンマナな光源の位置を統一することでデザインの一貫性が感じられた

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

 

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

 

今回は「魔法使いの約束」、通称「まほやく」のメニューアイコンのデザインを紹介します。

 

該当の画面はこちらです。

f:id:appgameui:20211011091427p:image

 

 

アイコンはこちらですね。
全体的に色のトーンが統一されているだけではなく、光源の統一もされています。

ナナメ左上から円状に明るくライトが入っているのが分かりますでしょうか。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

デザインの独自性、特異性のようなものはないのですが、優しい色使いが世界観に合っているように感じます。

輪郭線は黒にせず濃茶にし、影の色もただ暗くするのではなく、彩度を高くして暗い画面にならないようにする工夫も見られます。

 

 

また、メニューアイコンのデザインでは左側の点が光のキラキラのエフェクトをモチーフにしていました。

非常に細かい工夫ですが、こちらも世界観を取り入れた素敵なデザインだと感じました。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

 

 

 

以上です。

アイコンのデザインはシンプルゆえに見た目のバリエーションで苦戦することもあるかもしれません。

世界観にあったアイコンのデザインをする際の参考になれば幸いです。

 

 

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

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

 

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

 

権利者さまへ

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

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

 

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

1)画像について

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

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

 

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

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

 

お問い合わせ