こんにちは！ちょこです！ 「魂器学院」は縦画面のゲームなのですが、タブが側面についていたのが気になりました！ 該当の画面例を紹介します。 横タブは画面左端にあるこの部分ですね。 色んなタブデザインの思想があるなぁ…。 なんとなくのデザインの思想…

こんにちは！ちょこです！ 「魂器学院」にてキャラクターのグラフィックを切り替える際にノイジーなフィルターがかけられていました。 該当の画面はこちらです。 アニメーションで見るとこんな感じです。タイミング的には、文字情報なども出揃った後にキャラ…

こんにちは！ちょこです！ 「魂器学院」の正月特設ページのデザインがかっこ良かったので紹介します。ビジュアルを強く訴求したいときの画面デザインの参考になれば幸いです。 該当の画面はこちらです。 ひとつずつ説明します。 1：「行く年来る年」の筆の跡…

こんにちは！ちょこです！ 「魂器学院」 のロードゲージがランダムで変化するデザインでした。あまり見ないデザインだったので、アイディアを出す際の参考になれば幸いです。 該当の画面はこちらです。ゲーム起動直後のデータロード画面です。画面下部にロー…

こんにちは、ちょこです。 「魂器学院」のガチャ画面でパララックスの表現が使われていました。 該当の画面はこちらです。 動かすとこんな感じです。 「魂器学院」を見た感じ階層は以下の３つの階層に分かれています。 手前にある文字列 中間層にあるキャラ…

こんにちは！ちょこです！ 「魂器学院」のバトル画面でニコニコ動画のように画面上にコメントが流れる機能が実装されていました。 該当の画面はこちらです。 画面上部のこちらにコメントが流れていきます。表示されている行数は9行前後に見えます。 動きで見…

こんにちは！ちょこです！ 「魂器学院」 でエンプティステートがデザインされていました。 エンプティステートがあるとエンタメ感が表現され、楽しい気持ちになります。 まずはエンプティステートについて簡単に説明します。 エンプティステートの役割 エン…

こんにちは！ちょこです！ 「魂器学院」のエラーメッセージでゲームらしいUXライティングがあったので、事例として紹介します。 該当の画面はこちらです。 概要としては通信接続エラーですね。エラーメッセージとしては以下のように書かれています。 魂器端…

こんにちは！ちょこです！ 「魂器学院」でゲームにログインした時の復帰ボーナスの演出が世界観に合わせたデザインになっていました。 今回はそのデザインを紹介します！ 該当の画面はこちらです。 少しだけ画面の説明をすると「魂器学院」は放置した時間に…

こんにちは！ちょこです！ 「魂器学院」で画面遷移する際に、その画面デザインに沿った画面遷移演出がありました。 ゲームの世界観、没入感を意識したデザインの事例として紹介します。 演出は以下のような演出でした。 画面は過去のイベントを視聴すること…

こんにちは！ちょこです！ 「魂器学院」のお知らせバナーが切り替わる演出がSFっぽい演出で、世界観を表現しているように感じました。 切り替え演出はこちらです。 ちっさい！ 小さいので大きくしてみます。 最初はシェーダーかな？と思ったのですが、 これ…

こんにちは！ちょこです！ 「魂器学院」のバトル結果画面で縦書きの文字がありました。珍しい！ 該当の画面は以下です。ボス戦後のリザルト画面です。 「バトル勝利」の部分だけ抜粋してみました。 縦書きのデザインってあまり見ないです。 事情はそれぞれに…

こんにちは！ちょこです！ 今回は「魂器学院」のボスのHPゲージのデザインについて語ってみたいと思います。 該当の画面は以下です。 HPゲージはこちらですね。 「×8」というのは、HPゲージが8本分あるということを示しています。96％というのは「現在HP/最…

こんにちは！ちょこです！ 「魂器学院」のテキストライティングで面白い部分がありました。 該当のテキストはこちらです！ このテキストが表示される画面はこちらです。 キャラクターの詳細情報が表示される画面のスキルの説明文が表示される画面です。 さて…