![見出し画像](https://assets.st-note.com/production/uploads/images/154065363/rectangle_large_type_2_93ae8264bb0ee2bb181db0842b0ba4c1.png?width=1200)
切り抜き写真のレイアウトについて
![](https://assets.st-note.com/img/1726135464-UN02f1SsP4d5kMpeGBwxuJgi.png)
こちらの作例は料理や食材のそれぞれ切り抜き写真を配置したものとなります。切り抜き写真は配置に困りますが、今回は左上のキャッチコピーを起点としてユーザーの視点の流れを線で繋げた時に線がジグザグになるように強弱をつけて配置しています。このように配置することでレイアウトの短調さを防ぎ、動きのあるポップな印象になります。
![](https://assets.st-note.com/img/1726135926-z0UYtBS2fpriJ6nOw9CX7PDq.png?width=1200)
また、写真の周囲に色彩の円をアクセントとして付けましたが、写真の中心を少しずらしては配置することで、レイアウトに動きが出ます。
いいなと思ったら応援しよう!
![フクロウとネコ](https://assets.st-note.com/poc-image/manual/preset_user_image/production/ic3fd94079689.jpg?width=600&crop=1:1,smart)