こんにちは、ちょこです。 久々のグラクロですー。 このゲーム、節電モードがあるとはいえ…いやむしろ節電モードが必要なほどバッテリー消費が激しいのです！ なので、バッテリー残量を常に確認したいのですが、デフォルトだと表示がオフになっているんです…

こんにちは、ちょこです。 グラクロのバトル中のスキルのアイコンですが、個別にデザインされていて、見た目がにぎやかで楽しいです。 あと、分かりやすい。 よくある正方形のスキルアイコンだとどうしても差別化に限界があって、結局あの中にたくさんの情報…

こんにちは、ちょこきなこです。 「グラクロ」にて世界観を表現するためにロード画面が遊び心のある文字列が表示されていました。 今回はその実装の紹介です。 肌感だと50タイトルに1つくらいの割合で見かけるかも。 見た感じ、 「豚の帽子」亭は開店準備中…

こんにちは、ちょこきなこです。 「グラクロ」では世界観を表現するためにタイトル画面からゲーム内に遷移するための起動準備画面にて、遊び心のある文字列が表示されていました。 肌感だとこういった実装は50タイトルに1つくらいの割合で見かけるかも。 見…

こんにちは、ちょこきなこです。 グラクロにて、戦闘に敗北するとアドバイスのtipsが表示されます。そのアドバイスが豊富だったので紹介します。 キャラクター単体の育成 キャラ強化 キャラ進化 装備 キャラの育成で少し難易度が高いもの 装備強化 必殺技 キ…

こんにちは、ちょこきなこです。 「七つの大罪 光と闇の交戦 : グラクロ」にてワールドマップを移動すると、樹が動く演出について考えてみました。 「ワールドマップを移動すると、樹が動く演出」って何？っていう方のために説明しますと… ▼gif (ワールドマ…

こんにちは、ちょこきなこです。 今回はゆる記事です。 グラクロは料理周りのUIがたいへん丁寧なのですが、メニュー周りのUIを紹介させてください。 関係する画面はこのあたりです。 はい、かわいい！ というかほんとに作り込みおかしい。 可愛いポイント！ …

こんにちは、ちょこきなこです。 グラクロのオプションにあった【演出スキップ(村移動)】の項目を紹介させてください。 どういうものかというと、 村から出る際に出口まで行かずに、出口に向かうと決まった時点で村から出る演出をスキップ出来るということを…

こんにちは、ちょこきなこです。 グラクロの「料理する」ボタンがかわいいので、紹介させてください！ そもそも酒場は汎用的なボタンを採用しておらず、木をモチーフにしたボタンデザインになっています。 装備分解だとこんな感じ ログインボーナスのOKボタ…

こんにちは、ちょこきなこです。 今回はグラクロのクエストのマーカーのデザインの話です。 村の中にあるクエストのアイコン(マーカー)をタップすると、わざわざカメラを回して探さなくてもショートカット一発でそこまで移動して、アクションまでおこなって…

こんにちは、ちょこきなこです。 グラクロのUIの紹介をしていきます。今日はミッションに対応したクエストの表示UIに関してです。 クエストリストの下に関連しているミッション名が表示されているので、迷わないようにするための工夫が見えます。 クエストが…

こんにちは、ちょこきなこです。 「グラクロ 」のイベントバナーのデザインが斬新だったので紹介します。 こんな感じでいくつかバリエーションがあります。ほんとにこのタイトル、バリエーション作るの好きだな…。 ▼gif (デフォルト待機ver) ▼gif (エリザベ…

こんにちは、ちょこきなこです。 引き続きグラクロのUIで良かった点を紹介していきます。 やっていることとしては「アイテム袋からアイテム取り出して、装備」なんですが 「クローゼットから服を取り出して、お気に入りに並べる」というストーリーに仕立て上…

こんにちは、ちょこきなこです。 以前、「グラクロは遷移によってロード画面のデザインを変えている」という旨の記事を書きましたが、それだけではなくて、表示するtipsの出し分けもしているようです。 早速紹介していきます。 まずは酒場に遷移する時だとこ…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 グラクロは酒場で料理ができるのですが、一度作った料理はレシピとして登録することが可能です。 その時の演出にこだわりを感じました。 ▼gif (メニュー登録演出) 普通に「レシピ登録しました！…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 村に入ったときにその村のエンブレムが表示されるのですが、個別に用意してるのかこれ！ 気合い入ってる！ 工数かかると思ったけど、無限に増えるものでもないから大丈夫か…。 よく、街やダンジ…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 グラクロのクエスト画面ですが、情報が整理され、やるべきことが明確で迷いません。あまりにスッキリしていて見やすいので、その理由を考えてみます。 1:過去のクエストはどこにあるの？ 2:枠の…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 以前紹介したメギド72の時は新しさの中にも違和感を感じていたのですが、 UIムービーのような見た目にするだけで随分と印象が変わったので紹介します。 キャプチャを貼りましたが大きな特徴とし…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 今回は少し変わった機能を紹介します。 ワールドマップにて、ホークママが移動中、画面を連打するとホークママに移動速度が３段階で変化します。 これ、実装に至る経緯を想像したのですが… ・画…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 七つの大罪のUIデザインですが、今日はワールドマップに隠された遊び心を紹介します。 この画面、実は秘密のデザインが隠されていて… 一定時間放置するとホークママのモーションがかわります！ …

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 地味にこれが凄く凄くて凄い。これよく実現したな…と思うのが 「ロードが入らない仕様」 というか、正直どう実装されているのか分からないです…。 ちなみにロードするしないで主な部分を区分け…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 ロードが滅多に入らない上に、入るところにも没入感を極力阻害しない工夫がなされているのは驚きました。 仕様を考えた方も入れた方も本気だわ…。 ロードが入る箇所は主に以下の場面です。 酒場…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 アプリ「七つの大罪 ～光と闇の交戦（グランドクロス）～」ことグラクロの記事をまとめます。※しばらくは随時追加、更新します。 これ最初ひとつの記事で書いてたのですが、あまりに物量が膨大…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 今日は節電モードのUXについて書いてみます。節電モード中の画面がこちら。 ▼gif (節電モードからの復帰) 「節電モード」ってあんまり聞いたことなかったかも…。海外では一般的なのかな。 どう…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 画面右上に「メール画面」へのボタンがあるのですが、ただ遷移するだけではなく、小気味の良い演出が実装されています。 ここに「メール画面」へのボタンがあります！ 遷移する時の演出はこんな…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 ゲーム内にいくつか共通のパーツがあるのですが、今回は木製のボードのUIパーツを見ていきます。 ちょっと細かいのでPCで見た方が分かりやすいかも。 で、木製のボードのUIパーツって何かという…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 色んなゲームでガチャ結果ってキャプチャ撮られたり、配信されたりで拡散されますよね。 七つの大罪、ガチャ結果のデザインも良かったので紹介します。 基本的なことですが、キャラと欠片がシル…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 今回はマイナーと思われるジャイロモードのUXの話をしてみます。 そもそも「酒場にあるジャイロモードって何？」って方に簡単に説明します。 酒場にそういう機能があるんです。 「ジャイロモー…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 いくつか可愛いエンプティステート画面があったので紹介します。 4種類あります。さりげなくバリエーションがあります。 フレンドがいない時 メールが届いていない時 表示可能なクエストがない…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 最近のアプリは概ね7属性(火、水、風、雷、闇、光、無etc)くらいあるのが多いです。 グラクロの場合は「体力」「速力」「筋力」の3属性に絞っています。 久々に三すくみの仕様を見たかもしれま…