![見出し画像](https://assets.st-note.com/production/uploads/images/108001594/rectangle_large_type_2_cc51015f9f615fdc1d569d95b5a5e9bf.png?width=1200)
良いなと思ったサイト #11
①メインビジュアルの配置がオシャレ
![](https://assets.st-note.com/img/1686522874544-EJA3VDFlSv.png?width=1200)
配置している要素は複雑じゃないのに、
物足りなさを感じず、おしゃれにまとまっていると
思います。
このおしゃれさの言語化が難しいのですが、
各要素の重なりによってレイアウトにインパクトが
出ているのかなと思います。
NEXT IMAGEの色が反転しているなど、
面白い仕掛けがしてあって良いなと思いました。
②ニュースの時刻表示が斬新
![](https://assets.st-note.com/img/1686523360191-hLHbiiEbqf.png?width=1200)
ニュースの見出しの横に現在時刻が表示されていて、
どうしてなんだろうと不思議に思いました。
ニュースが頻繁に更新されるサイトなのであれば
納得ですが、このサイトはトップニュースに
更新時刻が含まれていないので、
ぱっと見でどうして現在時刻が必要なのか
分かりませんでした。
③トップのキャラ一覧が面白い
![](https://assets.st-note.com/img/1686523715414-67k1e7OXdK.png?width=1200)
![](https://assets.st-note.com/img/1686523827262-VkBQxYVtYZ.png?width=1200)
型にはまらない自由なレイアウトが魅力的だなと
思いました。
一覧性のある見せ方をしようとすると
どうしてもきれいに並べがちなので、
このサイトのような遊び心のあるレイアウトが
できるのはすごく良いなと思いました。
④グループの紹介があって面白い
![](https://assets.st-note.com/img/1686524158745-oBUg38NfMZ.png?width=1200)
![](https://assets.st-note.com/img/1686524403794-0CerQZWr8n.png?width=1200)
キャラクターページからグループを選ぶと
ページ下部に載っているのですが、
グループの詳細が載っているのは
あまり見なかったので面白いなと思いました。
⑤キャラ同士の関係性が見えて面白い
![](https://assets.st-note.com/img/1686524510757-UvXc2HJnKu.png?width=1200)
![](https://assets.st-note.com/img/1686524521049-NA5NqhMKb8.png?width=1200)
簡易的な関係図や関係性を一言で表したものは
何度か見たことがあるのですが、
◯◯から見た◯◯というページは初めて見ました。
キャラクター同士の関係がより伝わるように
工夫がされていて、キャラクターを大事にしたい
コンテンツなんだなということが伝わりました。
![](https://assets.st-note.com/img/1686522681834-Egmhlcp3JY.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?