SharePoint Online で作成するモダンサイトでは、見た目を華やかで見やすくするために画像の利用が重要です。しかし画像も単に配置するのでは、なんだかイマイチな印象になってしまいます。
そうしたときに誰でも簡単にできるテクニックが、並べた画像の大きさを整えることです。SharePoint の画像 Web パーツを利用して、キレイに画像を配置してみましょう。
イマイチな画像の配置
単に画像を並べて配置すると、こんな感じになります。とりあえず並べて配置していますが、それぞれの画像で高さが異なり雑多な印象です。もっと整頓されてクリーンな印象を意識したほうが、見やすくなります。
トリミングで画像を整理する
画像をキレイに配置するために便利な機能が、画像の Web パーツのトリミング機能です。プリセットの縦横比を選んで画像を切り抜くことができます。
複数枚の画像をキレイに並べたいときにオススメなのは「正方形」のトリミングです。並んだ画像それぞれに適用すると、次のようになります。
これだけでもキレイで見やすい印象を与えられます。
キャプションの文字数にも気をつけよう
画像 Web パーツでは、それぞれの画像にキャプションとして説明文を追加することができます。複数枚の画像を並べるときは、それぞれのキャプションの文字数にも気を配りましょう。特に、横並びで表示される画像では、キャプションが表示される行数を揃えることが大切です。
キャプションの行数が揃っていないと、キレイにならびません。
キャプションの行数が同じであれば、ビシッと画像が並びます。ほんのわずかな違いですが、揃っているのとそうでないのでは、まったく違います。
キレイにレイアウトするためには、キャプションの文字数を減らしたり増やしたりするのもテクニックのひとつです。
さいごに
SharePoint Online のモダンサイトでは、豊富なストック画像も利用できるため、ページ上に気軽にステキな画像を配置できます。そんなときに、ちょっと意識してちょっと工夫すれば、もっと素敵にもっと見やすくページをレイアウトできます。
簡単にできるテクニックとして、画像 Web パーツのトリミング機能を使った方法を紹介しました。画像の大きさを揃えることで、横並びでビシッと画像が揃います。すぐに真似できるテクニックなので、ぜひ試してみてください。