正方形のサムネイル BRUTUS.jp

https://brutus.jp/

ライフスタイルマガジンのBRUTUSのウェブマガジンです

マネしたいポイント

全体的にモノトーンな色遣いと大きめの見出しが目を引く、シンプルなデザインのサイトです。記事一覧表示にはサムネイルを正方形に使ってレイアウトされています。大小2サイズを織り交ぜることで、縦のラインを揃えつつも高さに違いが生まれて単調な印象を与えません。正方形のサムネイルにするとモバイルでも大きく見せることができます。

応用できそうな場面

サイトへのアクセスがモバイルが多く、サムネイルの印象を強くしたい場合は正方形の画像は有効でしょう。縦長と違い、デスクトップでもそこまでレイアウトを多く使わないので便利です。

懸念点

運用上、多くの画像サイズを用意することになるかもしれません。正方形のサムネイルのほか、記事本文用の画像、OGイメージ用の画像など、縦横比の違うものがあります。またそれらサイズ違いに合わせられる画像選びも必要になってきます。

  • Twitter Share
  • Facebook Share
  • Line Share