LoneTrailの様なデザイン案

アークナイツ のイベントストーリー「孤星」のイベントPVに触発されたのでこのデザイン案を解剖していこうと思う。
イベントPVはこれ


#F6EFE2

このような色がデフォルトの色となっている。
柔らかみのある色で後述するフォントとの相性も相まってかなり先進的に見える。

#201919


黒は#000000ではなく、#201919を使用している。
この色の上述した白と相性がいいらしい
きつい印象がない、この黒も結構柔らかい

#F66620


このオレンジをアクセントに使用しているらしい
例えばこんな感じ
これでくっきりとした印象を与える。

publish: false


白地に黒字ではかなり説明調な文字の印象を与える。
重要な部分にはboldを適用している。

数字の右上に : が付いているのは何か意図があるのだろうか

左右のマージンはかなりあるように見える。



反対に黒字に白字では、見出しのような印象を与える。
これは黒字がかなり目を引くものからきている。
しかし、色的には強い印象はない。
上下右マージンはあまりとらないようだが、左のマージンはかなりとっているらしい。

映像では各文字にTypeWriter式を使用していた。

publish: false


この画像で一番お気に入りなのは、やはり右上からの流星の軌道がかなり好き
これはぜひとも実装しておきたい

画像中央のドクターの奥にある物体が上から下にかけて細くなっているようなデザインも実装は難しいだろうがぜひやってみたい

画像左の四角の中に文字も実装したい


フォントに関しては以下のサイトにあった。

publish: false

動画もある

色はここに集約

ここのタイトルでは特殊なフィルターがかけられている。


最終的なデザイン実現プロジェクト

自分のポートフォリオサイト作成プロジェクト