016_グラフィック
こんにちは！ちょこです！ 今回のテーマは「世界観への没入のためのビジュアルの作り込みについて」です。 没入感が得られるということは余計なストレスが無いということでもあります。 そういった面でUIにも関係があると考えます。 紹介するタイトルは前回…
こんにちは！ちょこです！ 「ガンダムブレイカーモバイル」にてガンプラをモチーフにしていると感じる箇所がいくつかありましたので紹介します！ 1：画面遷移時の扉 2：ガチャ演出 3：バインダーのデザイン 4：HPゲージ 1：画面遷移時の扉 早速ですがこちら…
こんにちは、ちょこです！ 「ガンダムブレイカーモバイル」のサムネイルの情報が整理されていると感じたので、デザインの参考までに紹介します！ 上図がサムネイルのデザインですね。気付いたかと思うのですが、個別にパーツのサムネイルの画像をプレビュー…
こんにちは、ちょこです！ 「ガンダムブレイカーモバイル」のホーム画面のデザインがちょっと珍しいデザインであったので紹介します。 見て分かる通り、スキューモフィズムなデザインです。 ちなみにここで言う「スキューモフィズム」は以下のような認識でい…
こんにちは！ちょこです！ 「レッド：プライドオブエデン」では【猫】がキーワードのタイトルです。したがって猫がモチーフのUIパーツが多く見られます。 世界観に寄せたデザインの作り込みの事例として、いくつか紹介します。 1：タップを促す指のマーク 2…
こんにちは！ちょこです！ 「ドラゴンクエストタクト」でバトル中の倍速ボタンがIPらしいデザインになっていました。 倍速ボタンのデザインはこちら 切り替えるとこんな感じです。 倍速ボタンでこういったデザインアイコンに使われているのは初めて見たかも…
こんにちは、ちょこです！ 「ドラゴンクエストタクト」の酒場の画面の下地に紋章があります。 全体のデザインとしては… ・「商売」「酒」「錬金術」がモチーフとして描かれている・錬金術は酒と親戚みたいなものなので、ここでは「酒場」の紋章以上の役割は…
こんにちは！ちょこです！ 「ドラゴンクエストタクト」のモンスターのサムネイルのデザインで工夫されていた部分があったので紹介します。 モンスターのサムネイルはこのようなデザインです。 全体的に動きのあるデザインだな、と感じていました。動きがある…
こんにちは！ちょこです！ 「AFKアリーナ」のメールボックス機能で、受け取り済みの贈り物と未受け取りの贈り物が文字ではなく、グラフィックで差別化されていました。 これにより認知の軽減に繋がっているのかな、と感じました。 未開封だと、項目が明るく…
こんにちは！ちょこです！ 「うたわれるもの ロストフラグ」でキャラごとに扇子のデザインが為されていました。非常に特徴的なデザインであると感じたため、紹介させてください！ 珍しいですよね、扇子がキャラ別にデザインされているのって…。見れる場面と…
こんにちは！ちょこです！ 「ドラゴンクエストウォーク（ドラクエウォーク）」のパスのグラフィックにこだわりが見て取れたので紹介します！ QRコードの中にスライムが…！ カードの番号は初代ドラクエの発売日の1986年5月27日が由来です…！ ▲「527 1986」 IP…
こんにちは！ちょこです！ 「マジカミ」のアイコンのカラーがビビットなのに画面がうるさく無かったので、表現の選択肢を学ぶ意味で紹介してみます！ こちらはホーム画面。派手めな色のアイコンが並んでいますね。 ざっと拾ってきました。これで7～8割くらい…
こんにちは！ちょこです！ 「マジカミ」のイベントやキャンペーンバナーの表現が珍しかったので紹介します！ ホーム画面がこんな感じでカラオケルームになっているのですが、キャンペーンバナーがTVモニターに映されています。 ホーム画面に初めて遷移した直…
こんにちは！ちょこです！ 「ビーナスイレブンびびっど！」にて、色んな画面にキャラクターが配置されているのが良い工夫だな、と感じました！ いくつか紹介してみます。 まずはプレイヤーのレベルが上がった時の通知ポップアップ。 昇格がかかった試合に行…
こんにちは、ちょこです！ 「Q&Qアンサーズ ～クイズRPGでオンライン・バトル～」のキャラクターのサムネイルのデザインが世界観に沿ってて素敵だな、と思いました。 こちらです！ バトル中はまた別のデザインですが、モチーフは同じく本です。 このゲームの…
こんにちは、ちょこです。 「GOLF CRASH -ゴルフクラッシュ-」にてミュートアイコンのデザインがかわいいので紹介します。 下の方にあるこれ is かわいい。 ▲お口にチャック ミュートアイコンって大体は禁止マークとかバツマークを使うことが多いので、新鮮…
こんにちは、ちょこです。 「ディズニー マイリトルドール」にてボタンの下にある文字がカーブになっているのが興味深いなと感じました。 この部分です。一般的には可読性を考慮して直線にします。 ▲カーブになっている この画面は比較的頻繁に見る画面…とい…
こんにちは、ちょこです。 「ディズニー マイリトルドール」各画面の見出しのデザインが豊富だったので紹介します。 上のような画面の見出しのバリエーションには以下のようなものが見られました。 書体や見出しなどのバリエーションが豊富ですね。 一般的に…
こんにちは、ちょこです。 「アークナイツ」の潜在能力強化のデザインが良いなー、と感じました。 ▲「潜在能力強化」は日本でいうところの「上限解放機能」です。 これです！星のデザインがモチーフになっています。カッコいい！ 一覧で表示した時にも面積が…
こんにちは、ちょこです。 「アークナイツ」のスキルランクの数字のデザインがかっこいい！ おしゃれ！ これはちょっと敗北感すら感じました。 自分がデザインするとした場合、「効率的にタスクを処理できるためにどうするか」的な発想で「ここで必要なのは…
こんにちは、ちょこです。 「ガール・カフェ・ガン」のキャラクターのサムネイルのデザインと種類について考えてみました。 リストに使われるサムネイル こちらはキャラ一覧などのリストに使われている画像です。見た限り一番小さいサムネイルです。 1枚のサ…
こんにちは、ちょこです。 パレットパレードから変わった作り込みの紹介です。 こちらは所謂クエスト結果画面ですが、画像が直線的じゃないことに気付きました。 ▲通常はサムネイルが並びますが、世界観に合わせて画板が並んでいるデザインです パース掛かっ…
！こんにちは、ちょこです。 「ゼノンザード」のメニュー項目がアルファベットなんですよね… 個人的には見出しをアルファベットにしても実益がないと感じているので、このデザインは気になりました。 どういったところで実益がないと感じているのか？ 実益が…
こんにちは、ちょこです。 「御城プロジェクト：RE ～CASTLE DEFENSE～」、通称「城プロ」の城娘アイコンのデザインですが、武器種が大きく表示されているのが特徴的だなと感じました。 ここまで大きな武器種アイコンは見たことなかったかも。 東京コンセプ…
こんにちは、ちょこです。 グラクロのバトル中のスキルのアイコンですが、個別にデザインされていて、見た目がにぎやかで楽しいです。 あと、分かりやすい。 よくある正方形のスキルアイコンだとどうしても差別化に限界があって、結局あの中にたくさんの情報…
こんにちは、ちょこきなこです。 「妖怪ウォッチ ゲラポリズム」にて、「楽曲」のメニューの音符が目玉の付いたデザインだったので、可愛く見えました。 音符の目が可愛い こういった部分に世界観に沿ったモチーフを入れてくるのはIPを印象付けたり、ユーザ…
こんにちは、ちょこきなこです。 「妖怪三国志」にて、見出しにデザインが入っているのが良いな、と感じました。 いくつか事例を紹介します。 お知らせ あそびかた ゆうびん その他メニュー ミッション まとめ お知らせ 左に配置されているウィスパーは、こ…
こんにちは、ちょこきなこです。 今回は「初恋シグナル」のバナーデザインについて書いてみます。 どれも大変興味深いデザインになっていましたが、数が多いので特に気になったものを紹介します。 1:よくばりボーダーライン 2:シャッターチャンスは逃さない …
こんにちは、ちょこきなこです。 割と細かいパーツなのですが、通信状況を示すアイコンのデザインが丁寧になされていたので紹介させてください。 こんなデザイン gifです。こんな感じで動きます。 画像を見て理解出来ると思いますが、アイコンの下部がヒトダ…
こんにちは、ちょこきなこです。 UIって一貫性とか統一性って重視されますよね。「妖怪ウォッチメダルウォーズ 」のバトル中のバフ、デバフのアイコンでその一貫性に関する実例の参考になりそうな実装があったので紹介します。 実例は以下の2つの画面です。 …
