見出し画像

【真似したくなる!参考サイトを集めてみた!】 アニメ・映画・動画編

今回は「アニメ・映画・動画編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。

個人用まとめサイトですが、参考にしていただければと思います。




●アニメ「OBSOLETE」公式サイト

文字や画面全体に入れるノイズの入れ方や動きが参考になるサイトです。
細かなあしらいも参考になります。

キービジュアル
  • TYPE:ブランドサイト

  • FONT:Oswald,Obsolete,ヒラギノ角ゴ Pro W

  • COLOR:



●TVアニメ『マッシュル-MASHLE-』公式サイト

サイト全体の動きに面白みがあるサイトです。
ページの一番下がキービジュアルになっていて、サイトに飛ぶと一気にページの一番上に移動し、スクロールで降りてくる作りです。
構成要素も動きがあり、コンテンツにあっています。

キービジュアル
  • TYPE:ブランドサイト

  • FONT:Hina Mincho,saber,jazzier

  • COLOR:



●アニメーション映画「海獣の子供」公式サイト

まるで水槽の中を覗いているようなデザインになっています。
コンテンツのキービジュアルを上手く使用したデザインです。

キービジュアル
  • TYPE:ブランドサイト

  • FONT:BankGothic,Noto Serif JP

  • COLOR:



●PINTSCOPE(ピントスコープ) | 心に一本の映画があれば

ほのぼのとした特徴のイラストを使用し、カラーは落ち着いたパステル調・レイアウトは余白を大きく取ってゆったりとしたデザインにしています。

キービジュアル
  • TYPE:ブランドサイト

  • FONT:Lato

  • COLOR:



●KBCグループ|ブランドサイト

ブランドカラーを使いながら、レイアウトや動きで単調な作りにならいように工夫されています。

キービジュアル
  • TYPE:ブランドサイト

  • FONT:あおとゴシック M,ヒラギノ角ゴ Pro W3

  • COLOR:



いかがでしたでしょうか?

機会があればぜひ参考にしてみてください。
少しでもお役に立てたら幸いです。

最後までご覧いただきありがとうございました!

この記事が気に入ったらサポートをしてみませんか?