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

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

「404 GAME RE:SET-エラーゲームリセット-(エラゲ)」幾何学を取り入れた属性アイコンが世界観に馴染んでいると感じました

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

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

 

今回は「404 GAME RE:SET-エラーゲームリセット-」(以降、エラゲ)から属性アイコンのデザインをご紹介します。個人的には、属性アイコンのデザインはある程度出尽くした感があったのですが「エラゲ」ではかなり尖ったデザインが採用されていました。

f:id:appgameui:20230728001441p:image
©SEGA

こちらが「エラゲ」の属性アイコンです。
幾何学的なデザインになっています。世界観的に幾何学である必然性もあるため、世界観に馴染んだデザインだと感じました。

一見すると何を表しているか分からないかもしれませんが、色もシルエットも差別化されているため、何を表しているか分からなくとも、区別は付くかと思います。
ちなみに、それぞれのアイコンは以下を表しています。

  • R(RED)
  • G(GREEN)
  • B(BLUE)
  • Y(YELLOW)
  • M(MAGENTA)

 

文字とグラフィックの狭間

個人的に特に面白いと感じたのはBLUEの属性アイコンです。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆
©SEGA

これ単体だとBだと分からないのですが、他のアイコンと並べることで初めて意味が分かるデザインになっています。

BLUEのアイコンと対極にあるのがYELLOWのアイコンだと思います。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆
©SEGA

このように、文字であることが直感的に理解できるデザインがあることで、幾何学的なデザインを成立させることに繋がっていると感じました。

単一のアイコンではなく、属性アイコンというグループだからこそ活かせるデザインなのかな、と思います。

 

以上です。
属性アイコンをデザインする際の参考になれば幸いです。

このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。

 


権利者さまへ

以下はコンテンツ利用に関する認識の説明です。
「404 GAME RE:SET-エラーゲームリセット-」のガイドラインを確認したところ、以下の記載がありました。

本ゲームの著作物は、個人用かつ非営利目的のホームページ(Webサイト、ブログ、SNS、画像・動画投稿サイト、掲示板などのサービスを対象とします)において、以下の範囲、条件のもと公開することを許可いたします

二次創作ガイドライン | エラーゲームリセット (エラゲ)

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

404 GAME RE:SET-エラーゲームリセット-のコンテンツ利用ガイドラインです。2023年8月20日確認

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

 

お問い合わせ