UIデザインを考えたりした　/　今日のデザインができるまで

　自分のゲームとしっかり向き合う
それがコンセプトだとかテーマにつながると思うのですが
どうしてもやってみたいことはとりいれようってことで

今日の記事とか制作箇所はUIデザインのこと。

メニュー画面とバトル画面

　最近ちょっとお勉強しているUIデザインの練習も兼ねて
そしてプレミアムツクールデーということもあったので
UI周りのコンセプトを決めた上でデザイン改修をやってみました。

びふぉー。
もとがくすみカラーだったんで、
随分明るくビビット系になったのではないでしょうか

伴いましてこのデザインも色々いじって

こんなかんじにしてみました。

純粋な黒もおもすぎるなーと
黒に近い青を採用してみたのですがなかなかいい感じ
旧式のステータスアイコンとも親和性があるし
なによりキャラとも相性よかった。　よ、よかったー

紆余曲折デザインがきまるまで

私はデザイナーでもなんでもないので、
独学でいろいろなサイトとかみて勉強してみたのですが
私の作風はどうやら　ポップなテーマ　と　カジュアルなテーマ　の
中間に位置するようで（自己分析結果）

踏まえた上で色々と案をだしてみました。左下が旧タイプ。

くすんだカラー大好きなので今まで使ってたのですが
なんというかこう、重いなぁと、おもったので
思い切って転身のために色々並べてよかったと思います。

で、この中かららしさとかを選んだ結果
既存のカラーの彩度を底上げ、ベースの色数を控えめにして
たとえばステータス異常とか、ゲージといった動的な部分を
アクセント的な感じで選ぼうということになりました。

結果がショッキングピンク＋ダークネイビー（？）に

ダークネイビーは黒のかわりとして、
無彩色枠に灰色もいれようかと思ったのですが
この先の統一性を考えるとくすむな……っておもったので
それなら文字色などで中心につかう
白を補助カラーとしてあつかうことに

ワンポイントでドットグラデーションを混ぜて
ちょっとポップさをアピールしたり

イメージはつかめてきたのでいろんな具合を調整したりして
それで最初のメニュー画面/バトル画面に採用。

他にも要所要所でつかっていきたいなぁと

ショッキングピンクも多すぎると視認性わるくなるので
ベース→ダークネイビー　サブ→ショッキングピンク　
でいくといいかなーと
そんな具合をかんがえています。　
多分チュートリアルとかもこの系になる。

それにしても同じ配色でも比率とか囲み方とかで
全然印象かわるんでびっくりですよね。

個人的にお気に入りは、ターゲット風のカラーを緑系にすることで
アクセントを効かせれたってところ。

画像多くなりましたがこんな感じでとりあえず一段落
左上に写ってる属性相関も変遷もあったのですが
それは次の記事で書こうかな