こんにちは、ちょこです。 アバターの色変更が興味深いUIだったので紹介します。 色選択というとどういったUIを想像しますか？ マイリトルドールのUIはこういったUIになっていました。 ▲瞳の色を変更 ▲チークの色を変更 カーソル固定で色サンプルを可変する…
こんにちは、ちょこです。 「ディズニー マイリトルドール」にてボタンの下にある文字がカーブになっているのが興味深いなと感じました。 この部分です。一般的には可読性を考慮して直線にします。 ▲カーブになっている この画面は比較的頻繁に見る画面…とい…
こんにちは、ちょこです。 「ディズニー マイリトルドール」欲しいボトルを設置してるユーザーが観れるの便利です！ 機能導線系って基本的にはゲームの仕様とかシステムを理解した上での話になるので書きづらい部分があります。なので、先にシステムとか仕様…
こんにちは、ちょこです。 「ディズニー マイリトルドール」各画面の見出しのデザインが豊富だったので紹介します。 上のような画面の見出しのバリエーションには以下のようなものが見られました。 書体や見出しなどのバリエーションが豊富ですね。 一般的に…
こんにちは、ちょこです。 「ディズニー マイリトルドール」のタイトル画面に表示されるロード中のテキストが可愛いな、と思いました。 ▲ここ！ ▲アニメーションするとこんな感じ！ あまり見ないけど、個人的には遊び心があって好きなデザインです。最近見か…
こんにちは、ちょこです。 「ワールドサッカーコレクションS」ですが、 はいの位置が一般的なアプリと逆になっていました。 ▲これなんでだろう…？ PCゲームと同時サービスでもないので単純に開発時の考慮漏れか予定外の運用だったのかな…。 2013年6月が配信…
こんにちは、ちょこです。 「ワールドサッカーコレクションS」の強化の仕様ですが、素材をたくさん選べることに驚きました。 ▲素材が20以上選べる！ 恐らく選択できる数の上限は30まで。 ▲ここの値が現在選してる数/選択できる上限 30もかなり多い方じゃない…
こんにちは、ちょこです。 「ワールドサッカーコレクションS」にて、ゲームテンポを良くするために、スキップ機能が実装されていました。 流れを見るとこんな感じです。 下のチュートリアルで説明されている通り、スキップすると「ハイライト場面まで試合を…
こんにちは、ちょこです。 「ワールドサッカーコレクションS」のタイトル画面で気になる導線がありました。 タイトル画面にこの導線を用意するのかー…。 これ、何かというと他ゲームへの導線なんですよね。 タップするとこんな感じでコナミ社がサービス提供…
こんにちは、ちょこです。 「マギア カルマサーガ（Magia Charma Saga）」のメニューの切り替えを紹介してみます。 大きく分けて「旅館」「村の地図」「村」で分かれています。 旅館 村の地図 村 正直なところ、手数や機能と言う側面からするとあまりメリッ…
こんにちは、ちょこです。 「マギア カルマサーガ（Magia Charma Saga）」で珍しい機能としてメニューの「全体展開表示」という設定がありました。 アニメーションさせるとこんな感じ。 ▲単純にギミックとしてかっこいい！ 右上にある「全体展開表示」をONに…
こんにちは、ちょこです。 「マギア カルマサーガ（Magia Charma Saga）」で現在装備しているアイテムよりも良い装備品を入手した場合、自動装備してくれる導線がありました。 これは便利！ 流れで見るとこんな感じです。 アイテムを入手した後に、必要であ…
こんにちは、ちょこです。 「マギア カルマサーガ（Magia Charma Saga）」のバトルのメインコマンドのインアニメーションが特徴的でした。 ▲右下のUIパーツ ▲ガチャン！って感じのアニメーション 正直ガチャガチャしてうるさく感じるかもしれませんが、ゲー…
こんにちは、ちょこです。 「マギア カルマサーガ（Magia Charma Saga）」の画面遷移の演出が面白かったので紹介します。 ▲エリアマップ。空中に空いてるのは世界観なのか、そういう地形なのかは不明。 ▲遷移アニメーションはこんな感じ 要素としては… この…
こんにちは、ちょこです。 「マギア カルマサーガ（Magia Charma Saga）」で広告召喚なるものがありました。 何かというと、動画広告を見るとガチャが引ける機能です。 リチャージは5分で、1日に5回まで引けます。 ▲「プレイ」を押すとこんな感じで動画が流…
こんにちは、ちょこです。 「マギア カルマサーガ（Magia Charma Saga）」のキャラ変更画面がカッコいいので見て欲しい！ 最初、画面だけ見てたらホーム画面だと思ってたのですが、実際はシナリオ選択画面というか、主人公を選択する画面でした。 キャラクタ…
こんにちは、ちょこです。 「マギア カルマサーガ（Magia Charma Saga）」にて、動画広告を見るとログボの報酬が2倍になる、という機能が実装されていました。 ▲天使像を選択し… ▲一定時間ゲームをプレイしていると報酬が受け取れます ▲その際に広告を視聴す…
こんにちは、ちょこです。 「マギア カルマサーガ（Magia Charma Saga）」の会話シーンでの誤字脱字が凄い… ▲語尾にnが付くキャラ ▲「右装備」ってなに？ 他にも翻訳文が不自然だったり、ボイスとテキストが一致していなかったり、そもそも主人公の名前を言…
こんにちは、ちょこです 「KING OF PRISM プリズムラッシュ！LIVE」のボタンの挙動が気になりました。 1：色変化(薄茶色) 2：色変化(濃茶) 3：色変化(濃茶2) 7：色変化(グレー) 4：ボタンが消える 5：大きくなるだけ 6：変化なし 8：下にさがる 1：色変化(薄…
こんにちは、ちょこです。 「KING OF PRISM プリズムラッシュ！LIVE」のUIデザインの色数が絞られているのが好きです。 ▲基本的には絞ってる。レインボーもあるけど。 たくさんの色を使って賑やかに見せる手法もあります。 しかし、多くのソシャゲの場合は登…
こんにちは、ちょこです。 「KING OF PRISM プリズムラッシュ！LIVE」の編成画面がかなり独特な仕様だと感じました。同様の仕様で悩んでいるゲームがあったら参考に。 楽曲によって編成上限数が1名～4名の可変になるデザイン どういった部分が独特だと感じた…
こんにちは、ちょこです。 「KING OF PRISM プリズムラッシュ！LIVE」のショップの仕様が興味深いです。 世界観に寄せる機能だけど、手数が増えてしまうのもストレスだな、という気持ち。 ▲流れはこんな感じです 入場時のあいさつと… 退場時のあいさつがあり…
こんにちは、ちょこです。 「Ink,Mountains and Mystery」のストーリーの見せ方が絵巻です。完全に世界観に寄せていくスタイル。 ▲章別に登場する人物が並びます 絵巻っぽい！ 未登場だと顔が描かれていなかったり、色が塗られてなかったりするのも良い感じ…
こんにちは、ちょこです。 引き続き「Ink,Mountains and Mystery」ですが、タイトルの文字の出方がカッコいい！ 動かすとこんな感じです。 かっこ良い…手法わかりませんが、簡単にやるならアルファ値を参照してアニメーションつけるとかかな…。 微妙に煙もあ…
こんにちは、ちょこです。 「Ink,Mountains and Mystery」ですがスクショの設定が凄いです…！ これはシェアしたくなります…！ 先日のChess Rushの仕様は「どこにシェアをしますか ？」という圧力が凄かったけど、 これは自身で編集することによって、自然と…
こんにちは、ちょこです。 ちょっと前にTwitterで流れてきた「Ink,Mountains and Mystery」をプレイしてみました。 超世界観寄りのゲームです。内容としては「謎解きゲーム」で数時間ほどで全てクリアできる程度のボリュームです。 その中でオプションのアイ…
こんにちは、ちょこです。 各種設定の内容がよくわからなかったので確認してみました。UIデザイナーとして、ゲームにどういった設定が用意されているのか知ることは大変重要です。 それは利便性に繋がる機能であり、また暗黙知でもあるからです。では早速紹…
こんにちは、ちょこです。 「エピックセブン」にて英雄の評価機能がありました。 定期的に再評価できるのが大きな特徴かな、と感じました。 他に新しいキャラクターが追加されるなり環境が変化することによって評価が変わることがあります。 例えば、登場し…
こんにちは、ちょこです。 「エピックセブン」のメッセージ送りのUIパーツのデザインが気になりました。 ▲会話シーンのメッセージ送りのUIパーツ… ▲これ このデザインの意味するところって、元々はアーケードで物理ボタンを押すことを明示しているのかな、と…
こんにちは、ちょこです。 「エピックセブン」のホーム画面で時間経過による演出がありました。 日中はこんな感じです。 ▲ホーム画面でしばらく待機するとUIが非表示になります。きれい。 gifだとこんな感じです。 キャラクターのアニメーション シャンデリ…
