011_画面別-ホーム/マイページ画面
こんにちは!ちょこです! 「マジカミ」のイベントやキャンペーンバナーの表現が珍しかったので紹介します! ホーム画面がこんな感じでカラオケルームになっているのですが、キャンペーンバナーがTVモニターに映されています。 ホーム画面に初めて遷移した直…
こんにちは!ちょこです! 「ビーナスイレブンびびっど!」の動画広告を見せるためのデザインが世界観に寄り添ってて凄い! システム的ではなくスタジアムのスクリーンというデザインです!世界観に寄り添っていて凄く良いと思いました! 遷移としてはこんな…
こんにちは、ちょこです。 「Chess Rush」のホーム画面が季節感あふれてたので紹介します。 他にもお知らせ画面であったり… 訴求画像のデザインも雪化粧がされています。 ▲「バナナ~」は一見すると意味不明ですがキャラクターの名前です。 アニメーションを…
こんにちは、ちょこです。 「仮面ライダー シティウォーズ」のホーム画面にある、メニューボタンのデザインと挙動が気になりました。 注意したいこととしては 挙動が(ある程度)推測できる見た目にする です。以下、詳細と解決案の提案を書いてみます。 どん…
こんにちは、ちょこです。 「ガール・カフェ・ガン」のデザインですが、ホーム画面だけでなくガチャ演出にも季節感が取り入れられていました。 ホーム画面 ▲通常時 ▲年末デザイン 年末の方は雪の結晶や星の装飾などが追加されていますね。 サンタ帽子とか、 …
こんにちは、ちょこです。 「ガール・カフェ・ガン」ですが、ホーム画面に配置されているバナーが切り替わる時の演出が世界観に合っていると感じました。 こちらの演出です。 ▲ノイズが掛かったような演出 細部にこだわる姿勢があっていいな、と思います。 …
こんにちは、ちょこです。 「ガール・カフェ・ガン」ホーム画面にアンケートボタンがあるのですが、びっくりしました。 アンケート機能自体あまり見かけないのですが、ホーム画面にこれ配置するのか…。ちょっと予想外過ぎました…。 ちなみにどんなアンケート…
こんにちは、ちょこです。 ホーム画面でキャラが2人並ぶのですが、掛け合いがありました。 ホーム画面でキャラクターひとり立たせるというのはよくあるのですが、2人並べる、というデザインは珍しいかも。 で、並べたらそりゃ掛け合いするよね。 関係性も見…
こんにちは、ちょこです。 今回は情報設計の話です。 「CUE」のUIは設計に関して実績のある方が担当したのかな、という気がしました。 根拠はなく勘ですが。 設計に注目した理由 なぜ設計に注目したのか、ホーム画面を例に説明します。 この画面をよく見ると…
こんにちは、ちょこです。 「歌マクロス」のホーム画面のカルーセルにて、左右に隣接するバナーが表示されているのが珍しい。これがあると「隣の画像が見えて気になるので訴求になる」とかならなかったりとか…。 最近だとカルーセルって効果が疑問視されてい…
こんにちは、ちょこです。 リボルバーズエイトのショップとソーシャル画面のデザインに注目してみたいと思います。 こちらがショップ画面です。 こちらはソーシャル画面です。 一見して見た目は綺麗なのですが、よくよく見るとグラフィックとメニュー項目は…
こんにちは、ちょこです。 「乃木坂46リズムフェスティバル」のホーム画面にて、次に何をするのか明確にガイドが表示されていて、とても親切だなと感じました。 ガイドはこの部分。 タップすると次にクリアする楽曲が表示されます。 このゲーム、ストーリー…
こんにちは、ちょこです。 今回は「乃木坂46リズムフェスティバル」のメインコマンドの画面を紹介してみます。 まずはメイン画面を紹介してみます。 ホーム画面 ガチャ画面 ショップ画面 カード画面 楽曲選択画面 画面遷移について ホーム画面 ホーム画面で…
こんにちは、ちょこです。 「御城プロジェクト:RE ~CASTLE DEFENSE~」通称「城プロ」の所領画面(ホーム画面)の演出が面白かったので紹介します。 分かりますかね…屋内と屋外になるんですよ。 で、なんでかというと、城を擬人化したキャラクターが大きくな…
こんにちは、ちょこです。 「東京コンセプション」ですが、ホーム画面でのキャラクターが占める面積が大きく、見せたいものがはっきりとしていました。 ここまでキャラクターの面積が大きいタイトルはちょっと珍しいかも。しかも二体。 また、絆トークの演出…
こんにちは、ちょこきなこです。 今回は「リンクスリングス」のホーム画面が夏仕様になっていたので紹介します。もう夏後半ですけど。 どの辺りが夏仕様なの? 空と雲 足元 芝生が砂浜に パラソルなどの小物がある 移動販売車がカキ氷屋さんに ウサギが浮き…
こんにちは、ちょこきなこです。 「アニドルカラーズ」のマイページでキャラクターが小さく配置されているのが気になったので、大きく配置してみたらどうなるのかな、と思ったので試してみました。 結果こんな感じになりました。 以下、プロセスなどです。 …
こんにちは、ちょこきなこです。 「妖怪ウォッチメダルウォーズ」では、クローゼット画面に鏡があるんですよね。これを見たときにちょっと感動しました。こういったデザインって見たことなかったんですよね。 じゃあ、今後こういった画面では鏡は必須になる…
こんにちは、ちょこきなこです。 一般的にボタンはボタンという形状をしていないとボタンと認識されません。あるいは押せると分からりません。 なので、ボタンは押せる形状でデザインする必要がある。 というのが原則ですが、今回はその例外の事例を紹介して…
こんにちは、ちょこきなこです。 ワンダータクティクス をタイ語でプレイしようと思ったら、ホーム画面からどこに行って良いか分からず…! 途方に暮れてホーム画面で放置してたらボタンが光って誘導してくれたので、助かりました。 右下のボタンが光ります。…
こんにちは、ちょこきなこです。 「三国ロマンス」のマイページが夏仕様になっています! 季節感が出てて良いな、と思います。 クリスマスとかハロウィンとかお正月みたいな大きめのイベントだと見かけるけど、季節ごとって意外と見ないかも? マイページは…
こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 これも「LunaM」と同様にロードが入らない遷移だったので楽でした。 ▼gif ロードに入るのは試合を実行する時くらい。他はロードがありませんでした。 最近はもうロードが入らないのが当たり前に…
こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 マイページ。ミッションボタンの中を見て欲しいです。ボタンの中に時計が実装されているんです…なんだこれ…。(なんだこれ) ▼gif なんというか斬新。 針が文字で隠れているのと、ボタンの円の中…
こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 マイページ。 IPモノなのでアイコンは世界観に寄せてますねー。 「プロフィール」はモブの人がモチーフかな。 https://www.animatetimes.com/news/details.php?id=1476584807 「ショップ」のア…
こんにちは、ちょこきなこです。 今回は「りっくじあーす」です。中々なマイページのデザイン…。 元々PC版が先にリリースされていて、アプリ版はおまけ的な扱いだと思われます。 それにしてもアプリと文脈が違いすぎててさっぱり分からない…。Fの法則がベー…
こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 マイページのデザインの考察! です! メギド72 のマイページは左右フリックしてメインコンテンツを選択するデザインになっています。 この形式のデザインのマイページ、苦手なんですよね…。 い…
こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 マイページ画面に所謂「クエストボタン」がない話です。 つまり何を宣言しているデザインかというと、「クエストはメインコンテンツではありませんよ」と宣言しちゃってるんです。 これ、個人的…
こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 サッカーゲームで同じようなデザイン配置なんですが、受ける印象が違ったので、なんでかなー、って考えてみました。 ▲「キズナストライカー」のホーム画面です。 比較してみると、「キャプテン…
こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「キズナストライカー」のマイページのキャラの表示領域が気になったので、キャラを大きく配置したパターンを考えてみました。 ▲before ▼after こんな感じです。今回はとにかくキャラクターを大…
こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「超進化物語」のマイページが私好みだったので宣伝します! こんな感じ! 要するにパーティがどんどこ歩いているデザイン。 ▼gif これ系のデザインは時々見かけます。 個人的に一番好きなのは…