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

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

デザイン比較:長押しした時に表示されるゲージ

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

 

今回は今まで紹介したアプリの中から、長押しした時に表示されるゲージのデザインの共通項をまとめ、一覧で比較してみました。
デザインの共通項は以下の4点に絞りました。

  1. サムネイル暗化…ゲージの視認性を意識しているか
  2. 指で隠れない調整…ゲージの視認性を意識しているか
  3. デザイン…世界観を取り入れるタイプのデザインか、フラットなデザインか
  4. 満タン演出…ゲージが満タンになった時の演出の有無。好み。

各ページにはgif画像も添付してあります。
デザインを検討する際の参考になれば幸いです。

 

 

1:ブレイブリーデフォルト ブリリアントライツ(BDBL)

世界観に寄せたグラフィックが特徴的

サムネイル暗化 指で隠れない調整 デザイン 満タン演出
- 世界観寄り -

 

2:モンスターハンター ライダーズ(MHR)

6時の方向から始まるゲージ

サムネイル暗化 指で隠れない調整 デザイン 満タン演出
×(6時の方向からゲージが開始するため、満タンになる瞬間が見えない) フラット -

 

3:カウンターサイド

先端が発光しているので視線が強く誘導されがち

サムネイル暗化 指で隠れない調整 デザイン 満タン演出
フラット -
備考
# 先端を光らせる

 

4:崩壊3rd

ゲージが光ってる!

 

サムネイル暗化 指で隠れない調整 デザイン 満タン演出
- フラット -

 

5:オクトパストラベラー 大陸の覇者

シンプルながら世界観を意識した装飾が加えられているデザイン

サムネイル暗化 指で隠れない調整 デザイン 満タン演出
- 世界観寄り -

 

6:ディープインサニティ アサイラム

がっつり世界観に寄せたデザイン!

サムネイル暗化 指で隠れない調整 デザイン 満タン演出
- 世界観寄り -

 

7:ワールドエンドヒーローズ

色が見やすい!満タンになった時の演出もきれい。

サムネイル暗化 指で隠れない調整 デザイン 満タン演出
フラット

 

8:ドラゴンクエスト ダイの大冒険 -魂の絆-

シンプルなザ・リングゲージデザイン

サムネイル暗化 指で隠れない調整 デザイン 満タン演出
- フラット -

 

 

9:夢職人と忘れじの黒い妖精

キラキラしたハートがかわいい

サムネイル暗化 指で隠れない調整 デザイン 満タン演出
- 世界観寄り