• カテゴリ未選択
  • サブカテゴリ未選択
close
  • デフォルト
  • 人数順
chevron_left

メインカテゴリーを選択しなおす

cancel
アプリゲームUIデザイン https://appgameui.hatenablog.com/

ゲームのUIデザインを紹介しています。ゲームUIに興味を持つ方が増えるといいな。

28,510位 総合ランキング
395位 ゲームブログ

本日のランキング詳細

appgameuiさんのプロフィール
appgameui
フォロー
住所
未設定
出身
未設定
ブログ村参加

2019/06/22

appgameuiさんの人気ランキング

  • IN
  • OUT
  • PV
今日 04/25 04/24 04/23 04/22 04/21 04/20 全参加数
総合ランキング（IN） 28,510位 29,417位 圏外 圏外 圏外 圏外 圏外 1,034,342サイト
INポイント 0 10 0 0 0 0 0 10/週
OUTポイント 0 0 0 0 0 0 0 0/週
PVポイント 0 0 0 0 0 0 0 0/週
ゲームブログ 395位 410位 圏外 圏外 圏外 圏外 圏外 34,857サイト
※ランキング順位が「圏外」と表示される時は？
今日 04/25 04/24 04/23 04/22 04/21 04/20 全参加数
総合ランキング（OUT） 圏外 圏外 圏外 圏外 圏外 圏外 圏外 1,034,342サイト
INポイント 0 10 0 0 0 0 0 10/週
OUTポイント 0 0 0 0 0 0 0 0/週
PVポイント 0 0 0 0 0 0 0 0/週
ゲームブログ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 34,857サイト
※ランキング順位が「圏外」と表示される時は？
今日 04/25 04/24 04/23 04/22 04/21 04/20 全参加数
総合ランキング（PV） 圏外 圏外 圏外 圏外 圏外 圏外 圏外 1,034,342サイト
INポイント 0 10 0 0 0 0 0 10/週
OUTポイント 0 0 0 0 0 0 0 0/週
PVポイント 0 0 0 0 0 0 0 0/週
ゲームブログ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 34,857サイト
※ランキング順位が「圏外」と表示される時は？

「ブログリーダー」を活用して、appgameuiさんをフォローしませんか？

ハンドル名
appgameuiさん
ブログタイトル
アプリゲームUIデザイン
フォロー
アプリゲームUIデザイン

にほんブログ村 カテゴリー一覧

旅･地域
生活
ペット
趣味
スポーツ
仕事
教育
ネット
日記
商用
その他

ユーザの記事画像

続きを見る

ユーザの新着記事

続きを見る

watch_later ユーザの過去記事

  • フォント選びのお手伝い「［デザイン技法図鑑］ひと目でわかるフォントが活きるデザインの基本。」
    フォント選びのお手伝い「［デザイン技法図鑑］ひと目でわかるフォントが活きるデザインの基本。」

    こんにちは、ちょこです！ 今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです！ 「［デザイン技法図鑑］ひと目でわかるフォントが活きるデザインの基本。」 フォント選びが一目でわかるタイプの書籍 内容的には初心者向けだがデザインに活かすためには知識が必要 非デザイナーの方でも見てるだけで楽しい フォント選びが一目でわかるタイプの書籍 書籍の概要としては、バナーやポスターの事例を紹介し、どのようなフォントが使われているか簡単に紹介している書籍です。 事例としては豊富で、レトロ、モダン、ゴージャスなど39のキーワードと100種類以上のサンプルが掲載されています。 見た…

  • ほんとに基礎的な要素の概要が紹介されている「タイポグラフィの基本ルール」
    ほんとに基礎的な要素の概要が紹介されている「タイポグラフィの基本ルール」

    こんにちは、ちょこです！ 今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです！ 「タイポグラフィの基本ルール」 発行は2010年です。2023年現在だと内容的にやや古いかもしれません。 また、この書籍に限りませんが、電子書籍において、原寸大として掲載されているフォントのサンプルは役立たないため、電子書籍を購入する際にはメリット、デメリットを自分なりに把握した上で選ぶことをおすすめします。 それでは各章の概要と感想を簡単にご紹介します。 第1章 タイポグラフィの素材を知る 第2章 基本的なテクニック 第3章 レイアウト スタンダード 第4章 書体の選び方と演出ス…

  • 「ヘブンバーンズレッド」色とアニメーションを利用して、画面内でとても目立つ時限式のボタンデザイン
    「ヘブンバーンズレッド」色とアニメーションを利用して、画面内でとても目立つ時限式のボタンデザイン

    こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ヘブンバーンズレッド」、（以下、ヘブバン）から一定時間選択しないと自動的に決定される、時限式のボタンを紹介します。 主な特徴は以下です！ コントラストが強いから目立つ 動いているから目立つ ゲージがあるのでどの程度待てば良いか分かる コントラストが強いから目立つ この画面は戦闘終了後に連戦するかを聞かれる画面です。この画面を見ると「もう一度プレイする」のボタンが一番目立っているかと思います。 いくつか要因は考えられ…

  • 「ヘブンバーンズレッド」ADV中の選択肢を選ぶ画面のデザインが視線と操作性を意識した直感的なデザインになっている
    「ヘブンバーンズレッド」ADV中の選択肢を選ぶ画面のデザインが視線と操作性を意識した直感的なデザインになっている

    こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ヘブンバーンズレッド」、（以下、ヘブバン）からADVパートの選択肢のレイアウトを紹介します。 主な特徴は以下です！ 何をしている画面か一目瞭然 丸いパーツで心情描写を表現 選択肢は右手で押しやすい位置に配置し、操作する指を自然に誘導 選択肢の文字は画面中央に表示し、目に留まりやすい 何をしている画面か一目瞭然 今回紹介する「ヘブバン」のADV中の選択肢を選ばせる画面の凄いところは、何をしている画面か一見して分かると…

  • 「ヘブンバーンズレッド」自動周回機能で寝てる間にレベルアップだ！
    「ヘブンバーンズレッド」自動周回機能で寝てる間にレベルアップだ！

    こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ヘブンバーンズレッド」、（以下、ヘブバン）から自動周回機能を紹介します。 クエストをバックグラウンドで自動で周回 バッテリーを意識した省電力なデザイン ミニキャラを表示してゲームらしさを表現 クエストをバックグラウンドで自動で周回 「ヘブバン」の自動周回機能は最大連続8時間、自動でクエストを周回してくれる機能です。遊んでいる感覚としては、遠征や探索、アルバイトなどと呼ばれるようなキャラクターを派遣して時間経過で報酬…

  • chromeで全画面スクショを撮影する方法【拡張機能不要】
    chromeで全画面スクショを撮影する方法【拡張機能不要】

    こんにちは、ちょこです。 ここではGoogle Chromeで開いているページのスクリーンショットを撮影する方法を記載します。 ネットで検索すると、紹介されている情報が古くなってしまったため同じ手段が取れない状況になっていたり、拡張機能を別途用いる方法だったりしてスムーズに対応が出来なくなっているページを見かけます。 全画面のスクショを撮影するだけであれば、デフォルトの機能だけで十分です。以下、挙動を確認した環境です。 OS：windows Google Chromeのバージョン： 111.0.5563.147 スクリーンショットを撮影する手順は以下です。 撮影したいページを開く Ctrl +…

  • 「咲うアルスノトリア」無料アイテムをショップ画面に設置するときの工夫
    「咲うアルスノトリア」無料アイテムをショップ画面に設置するときの工夫

    こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）からショップ画面でアイテムが無料で購入できるデザインを紹介します。この無料交換施策は非常に多くのソシャゲで見かける気がします。 無料アイテムはファーストビューにある 毎日違うアイテムが無料で獲得できる 無料アイテムはファーストビューにある ©NITRO PLUS/GOOD SMILE COMPANY, Inc. こちらは「アルスノ」のショップ画面です。いくつか商品が並んでいる…

  • 「咲うアルスノトリア」アイテム詳細のダイアログから、そのアイテムを入手するための導線が設置されて便利
    「咲うアルスノトリア」アイテム詳細のダイアログから、そのアイテムを入手するための導線が設置されて便利

    こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）からアイテムの入手先を示す導線のリストについて紹介します。 アイテム詳細から入手するための導線が設置されている 繰り返し入手できる手段が上位に表示 アイテム詳細から入手するための導線が設置されている ©NITRO PLUS/GOOD SMILE COMPANY, Inc. 「アルスノ」では、アイテムの詳細が書かれたダイアログを開くと、そのアイテムが入手できる場所のリストが表示…

  • 「咲うアルスノトリア」ホーム画面でボイスが流れる時にテキストも一緒に表示されているので、UDの観点で見た時により分かりやすくなっているデザイン
    「咲うアルスノトリア」ホーム画面でボイスが流れる時にテキストも一緒に表示されているので、UDの観点で見た時により分かりやすくなっているデザイン

    こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）からホーム画面でキャラボイスが流れる際のデザインについて紹介します。 テキストがあるからサウンドオフでも安心 ホーム画面で放置しているとボイスが流れる テキストがあるからサウンドオフでも安心 ©NITRO PLUS/GOOD SMILE COMPANY, Inc. こちらは「アルスノ」のホーム画面です。縦画面中央にキャラクターのほぼ全身が表示され、顔の近くにはキャラのセリフが…

  • 「咲うアルスノトリア」押せるボタンの色が大体統一されてて分かりやすい
    「咲うアルスノトリア」押せるボタンの色が大体統一されてて分かりやすい

    こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）から押せるボタンの色の一貫性について紹介します。 押せるボタンは基本的には緑色 もちろん緑じゃないボタンもある 場所によって緑色じゃなくなるボタン 押せるボタンは基本的には緑色 ©NITRO PLUS/GOOD SMILE COMPANY, Inc. こちらは「アルスノ」のホーム画面です。中央にキャラクターが表示され、キャラクターを隠さないように、また押しやすさを考慮した上で…

  • 「咲うアルスノトリア」左右スワイプでタブ切り替え出来て便利！
    「咲うアルスノトリア」左右スワイプでタブ切り替え出来て便利！

    こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）から左右スワイプでタブ切り替えができるミッション画面を紹介します。 ミッション画面では左右スワイプでタブ切り替えできる ショップ画面では下タブになっており、左右スワイプで切り替えはできない キャラ画面では左右スワイプでキャラが切り替えられる ミッション画面では左右スワイプでタブ切り替えできる ©NITRO PLUS/GOOD SMILE COMPANY, Inc. 「アルスノ…

  • 「咲うアルスノトリア」キャラ一覧画面のモーダレスなフィルタ機能
    「咲うアルスノトリア」キャラ一覧画面のモーダレスなフィルタ機能

    こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）からモーダレスな挙動になっているフィルタ機能を紹介します。 フィルタ結果をすぐに確認できる 「設定」のボタンで呼び出すソートやフィルタ機能は上位互換 フィルタ結果をすぐに確認できる ©NITRO PLUS/GOOD SMILE COMPANY, Inc. こちらは「アルスノ」のキャラ一覧画面におけるフィルタ機能の挙動です。見て分かる通りUIパーツで言うところのアコーディオンの…

  • 「咲うアルスノトリア」時間差分があるタイトル画面は珍しい
    「咲うアルスノトリア」時間差分があるタイトル画面は珍しい

    こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）から条件によってデザインが変化するタイトル画面を紹介します。 時間帯によって変化するデザイン 時間差分によってロゴや文字色も調整 ストーリーの進行によって変化するデザイン 時間帯によって変化するデザイン ©NITRO PLUS/GOOD SMILE COMPANY, Inc. 「アルスノ」をプレイしていて驚いたのはタイトル画面の時間差分があることです。ホーム画面の時間差分は見…

  • 「咲うアルスノトリア」UIを透かすことで、奥行き感・賑やかさ・圧迫感の無さなどに繋がってるリザルト画面のデザイン
    「咲うアルスノトリア」UIを透かすことで、奥行き感・賑やかさ・圧迫感の無さなどに繋がってるリザルト画面のデザイン

    こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）から圧迫感を抑えたクエストのリザルト画面を紹介します。 圧迫感が抑えられたリザルト画面 手前の画像を透かすことで空間に奥行きが生まれる すべてのUIが半透明になっているわけではない 圧迫感が抑えられたリザルト画面 ©NITRO PLUS/GOOD SMILE COMPANY, Inc. 「アルスノ」のリザルト画面は一部のUIパーツを半透明にして、画面の圧迫感を抑えたデザインに…

  • 「咲うアルスノトリア」ルビない時は行間狭め、ルビある時は行間広めでデザインの出し分けがされてた
    「咲うアルスノトリア」ルビない時は行間狭め、ルビある時は行間広めでデザインの出し分けがされてた

    こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）からADVパートの文章の行間について紹介します。 ルビが無い場合は行間が狭め ルビがある場合は行間が広め ログにはルビがなく行間は狭め ルビが無い場合は行間が狭め ©NITRO PLUS/GOOD SMILE COMPANY, Inc. 行間に明確な正解と言うのはありませんが、一般的な行間の目安としては、文字の高さに対して0.25～0.5倍程度と言われることが多い気がします。…

  • 座学中心で横断的にタイプグラフィが学べる書籍「デザインを学ぶ3 文字とタイポグラフィ」
    座学中心で横断的にタイプグラフィが学べる書籍「デザインを学ぶ3 文字とタイポグラフィ」

    こんにちは、ちょこです！ 今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです！ 「デザインを学ぶ3 文字とタイポグラフィ」 大まかな構成としては座学が中心で教科書のような書籍です。書籍の目次としては以下の通りです。 【第1講】文字の誕生と変遷・日本語・欧文文字の発祥と発展 ・デジタルフォントの登場 ほか 【第2講】日本語タイポグラフィの基礎・和文文字の構造 ・日本語文字組みの基本 ほか 【第3講】欧文タイポグラフィの基礎・欧文文字の基礎知識 ・欧文文字組みの基本 ほか 【第4講】レイアウトとタイポグラフィ・判型と紙面設計 ・本文のスタイル ほか 【第5講】ブッ…

  • 人物に焦点を当てつつインフォグラフィック周りの歴史が知れる「インフォグラフィックスの潮流：情報と図解の近代史」
    人物に焦点を当てつつインフォグラフィック周りの歴史が知れる「インフォグラフィックスの潮流：情報と図解の近代史」

    こんにちは、ちょこです！ 今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです！ 「インフォグラフィックスの潮流：情報と図解の近代史」 全体の感想 基本的には読み物系です。 デザインだけではなく、人物に焦点を当て、どのような経緯でデザインが成立してきたかが紹介されています。情報やストーリーをどのようにビジュアルに落とし込んできたのか、という歴史に興味がある方だと面白く読めるかもしれません。 教科書や技法書の類ではないので「今すぐ素晴らしいアイコンを作りたいんです！」という情報を求めてる方には向いてないかも…。そういった意味ではやや中級者向けに感じました。 構成と…

  • 「鋼の錬金術師 MOBILE」非戦闘員のキャラをホーム画面に登場させることで自然に原作の魅力を伝えている
    「鋼の錬金術師 MOBILE」非戦闘員のキャラをホーム画面に登場させることで自然に原作の魅力を伝えている

    こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「鋼の錬金術師 MOBILE」、（以下、ハガモバ）からストーリーの進行に合わせてデザインが変化するホーム画面を紹介します。 最初のホーム画面は第一話の冒頭の街がモチーフ 以降は列車や主人公の故郷がモチーフになる 非戦闘員のキャラをアピールする場に利用 バリエーションがあることで変化に富んだデザインが可能 最初のホーム画面は第一話の冒頭の街がモチーフ ゲームが始まった直後のホーム画面は第一話の冒頭で登場する街がモチーフ…

  • かわいいロゴデザインの制作過程が知れる「萌えロゴデザインぱーふぇくとまにゅある」
    かわいいロゴデザインの制作過程が知れる「萌えロゴデザインぱーふぇくとまにゅある」

    こんにちは、ちょこです！ 今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです！ 「萌えロゴデザインぱーふぇくとまにゅある」 2015年に出版され、主に可愛い女の子が登場、活躍するアニメやラノベなどのロゴを紹介した書籍です。主にかわいい系のロゴをデザインする時の参考になるかと思います。 この「萌えロゴデザインぱーふぇくとまにゅある」は以下の3つのチャプターに分かれています。 Chapter 1 有名萌え作品のロゴ制作 Chapter 2 萌えロゴデザイン アイデア＆テクニック Chapter 3 萌え表現で活躍する日本語フォント それぞれのチャプターごとに感想を…

  • 事例が豊富でVtuberさんのロゴも紹介されてる「アニメ・ゲームのロゴデザイン」
    事例が豊富でVtuberさんのロゴも紹介されてる「アニメ・ゲームのロゴデザイン」

    こんにちは、ちょこです！ 今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです！ 「アニメ・ゲームのロゴデザイン」 エンタメ業界のロゴをデザインする時のヒントになりそう！ 大まかには見本帳 見ごたえのあるコラム 事例は約500点 アニメ・ゲームのロゴは直近3年のデザインが約半分 Vtuberさんのロゴをまとめた書籍は唯一 文字は小さめ 大まかには見本帳 制作過程なども掲載されていますが、全体のボリュームとしてはごく僅かです。基本的にはロゴ見本帳としてざっくり眺める使い方になると思います。 初学者から中級者に向けて幅広く読みやすい書籍だと感じました。 見ごたえのあ…

続きを見る

ユーザのハッシュタグ

続きを見る

参加カテゴリの注目記事

続きを見る
ブログ村公式PR ブログリーダーリリース!!