LoginSignup
1
0

コンソール画面をニーアレプリカント風のデザインにしたい

今回はコンソール画面をニーアレプリカント風のデザインにした記事となります。

試行錯誤

ニーアレプリカントではハッキングというミニゲームがあります。

その際に近未来的なコンソール画面が表示さるのですが
その画面がめちゃくちゃカッコいいんです!

という理由で、今回は上記のゲーム画面の配色を元に雰囲気を寄せたコンソール画面を作成する事が目標となります。

色を合わせた場合

ニーアレプリカントでのハッキング画面は背景色が「白色に近いベージュ」となり、文字色が「淡いグレー」となります。

下記試してみた画面となります。

na002.png

カラーコードは以下となります。

#背景
HEX:   #c1baa0
RGB:   rgb(193,186,160)


#文字
HEX:   #333232
RGB:   rgb(51,50,50)

上記、雰囲気を近づける事が出来ましたが...個人的に文字の視認がしずらいと感じました。

こちらでは障害対応等で深夜にパソコンを開くと明るすぎて目にダメージが.....といった事が予想されます。

雰囲気をそのままに視認性を上げてみる

上記の反省を活かし背景色と文字色を入れ替えてみます!

下記試してみた画面となります。

na001.png

カラーコードは以下となります。

#背景
HEX:   #333232
RGB:   rgb(51,50,50)


#文字
HEX:   #c1baa0
RGB:   rgb(193,186,160)

かなりバランスの良い配色になりました!
皆様の是非、好みに合わせてカスタムしてみてはいかがでしょうか。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0