こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 昨日の記事に関連してですが、怪獣娘も広告周りのデザインが可愛いので紹介します。 ▼gif リモコン押すのが可愛い。 止めるとこんな感じの画面です。 唐突にCMが入ると没入感が阻害されるので、…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 広告のデザインが可愛かったので紹介します。 この子。画面の端からふよふよ泳いできます。 タップするとこんな感じ。 昔と比べるとゲーム画面に合うデザインのものが増えたなー、とは思います…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 モチーフがなくても可愛いデザインの事例として。 よく、UIパーツをデザインをする際に背景とかキャラクターとか世界観からの設定から、とかとか何かしらをモチーフとしてデザインすることがあ…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 サービス終了していくつかパターンがあると思うのですが、こういう画面があるだけでも全然印象違ってきます。 大別して タイトル画面すらいけずに起動しない タイトル画面から遷移できずサーバ…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 音声設定のオプションの中に「VFX」という見慣れない調整項目が…エフェクトとかそういう意味で使われることが多い気がします。 この設定があるのはかなり稀。スマホゲーはライトユーザーが多い…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 マイページ。ミッションボタンの中を見て欲しいです。ボタンの中に時計が実装されているんです…なんだこれ…。(なんだこれ) ▼gif なんというか斬新。 針が文字で隠れているのと、ボタンの円の中…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 マイページ。 IPモノなのでアイコンは世界観に寄せてますねー。 「プロフィール」はモブの人がモチーフかな。 https://www.animatetimes.com/news/details.php?id=1476584807 「ショップ」のア…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 SEとボイスのボリュームコントロールが一緒になってる…。 なんでだろう。実装上、SEとボイスが切り分けられなかったのかな。 これ絶対に分けた方が良いと思っています。割と当たり前の前提だと…

こんにちは、ちょこきなこです。 今回は「りっくじあーす」です。中々なマイページのデザイン…。 元々PC版が先にリリースされていて、アプリ版はおまけ的な扱いだと思われます。 それにしてもアプリと文脈が違いすぎててさっぱり分からない…。Fの法則がベー…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 アラビア文字のデザインに触れる機会って珍しいので事例として残しておきます。 なんというか、あちらの文化圏の方からすると正しいデザインではないと思うのですが、それでもリリースされてい…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 防衛ヒーロー物語のロゴが5言語対応してたので紹介します。 まずは日本語。 簡体字(いわゆる中国語、シンガポール、マレーシアなどでも) 繁体字(主に台湾、香港、マカオ) アルファベット(ロシア…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 独特な会話シーンの画面デザインだったので紹介させてください！ 特徴的なのは、画面下部にあるシークバーのような見慣れないUIパーツ。 これ。 シナリオの進行状況を示しています。 右側のこれ…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 大体どのソシャゲにも「称号」機能が入っている気がします。 で、レアリティが高いほど装飾過多になる傾向があるなぁ、と見ていたのですが意外とアニメーションしている称号はなかったな、とこ…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 この画面、左右フリックでキャラ切り替え出来るんですが、直感的じゃないと感じました。 なぜなら画面の中央に目線がいってるので、＜＞の記号を見落とすから。 他の画面はこんな感じの位置。 …

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 リザルトなんですが、「Level UP!」の文字がキラキラしてるなり、Expゲージの増加分がアニメーションしてるなり、 何かしら画面が動いているのが一般的だと思っていました。 ▼gif 動かず…。 昔…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 マイページのデザインの考察！ です！ メギド72 のマイページは左右フリックしてメインコンテンツを選択するデザインになっています。 この形式のデザインのマイページ、苦手なんですよね…。 い…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 同じアイコンなのに遷移先が違う箇所があります。 これ、初見だと混乱します。 慣れを期待しているのであっても、学習コストがかかるので良くないです。 この画面。 こんな感じで遷移先が違いま…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 この画面、キャラ名がズレてる気がしたので、確認してみました。 やっぱりズレれてた。 少し左に寄ってますね。 これ、開発の方は当然把握してると思うのですが、それでも直せない状況というの…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 今回は久々のアンチパターンです。 メギド72 なんですが、ウィンドウを閉じるときの挙動がバラバラすぎます…。おそらく「画面にボタンは一つしか置かない」という信念が招いた悲劇。またはレギ…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「アルケミアストーリー」の会話シーンの紹介です。キャラ同士の掛け合いの時に目線が合うのが結構良いと思うんです。 なんか「ちゃんとしてる」という印象。ソシャゲだとあんまり見たことなか…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 最近珍しい。縦横画面対応。 対応するのはすごい。業務上取り入れるならコスパがよろしくないので、慎重になりたい派。(やりたくないとは言わない) 主だったシーンを紹介してみます。 会話シー…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 ロゴの「の」の部分に木の葉が隠れてるのがかわいい。オフィシャルと比較すると、少しシャープですね。 ▼公式 調べてたら、三角の傾斜が46度という記事をみかけました。(実際測ってみたらちゃん…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 基本的に色が統一されていてとてもきれい。 www.m-hand.co.jp ベースカラーは清潔感のあるオフホワイトベース。メインカラー欅坂のライトグリーン。すこしイエロー寄り。アクセントカラーはメイ…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 昨日の続きです。今回は季節施策を中心に紹介します！ 生誕祭はリボンの色差分がある様子。いや…本当によくやる…。 本気でここのデザイナーさん根性凄いと思います。 あるいはコンテンツ愛。 あ…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 カードのデザインが施策ごとに違うのか…これエグいな…。仕事、というかコンペなら面白いからやってみたいけど、季節ものとか毎年被るし年を重ねるごとに疲れそう。 それにしてもよく考えたなこ…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 キャラエディットが細かすぎる！ 今時ってこんなにカスタマイズできるんですね。髪の毛の影の色の指定とか、初めて見たかも。 FFとかもっと細かくやってそう。 女性向けなら指の太さとか手の大…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 覚醒でシナリオ分岐するのか…。 育成で分岐するソシャゲってあったかな…イベント結果で獲得できるキャラが変わる、とかはあった気がするけど、恒常的に分岐する仕様は珍しい気がする。 タクティ…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 マイページ画面に所謂「クエストボタン」がない話です。 つまり何を宣言しているデザインかというと、「クエストはメインコンテンツではありませんよ」と宣言しちゃってるんです。 これ、個人的…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 時間を課金石で短縮する時の演出が可愛かったので紹介します！ ▼gif SEとしてはゼンマイを巻く時のようにキリキリと音がします。かわいい。 この辺りはメインスキームから外れるし、開発者とし…

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「欅のキセキ」パズルゲーなので、色覚多様性の対応は必須で、一見してできてそうな気がしたので念のためフィルタをかけてみました。 フィルタをかけないとこんな感じです。 色によってシルエッ…