野崎さとみこんにちは!デザイナー野崎です。毎日蒸し暑いですが、みなさま元気にお過ごしでしょうか。毎回私がサイト制作時に頭を悩ませるのがレスポンシブで画面を広げたらどうなるのか、を実装にどう伝えるのかという部分。実際に身振り手振りの拙い表現で伝わる時はよいのですが、遠隔でお願いしていたりするとなかなか伝わりにくいですよね。レスポンシブデザインにおけるメインビジュアルの切り替えパターンは1.画像サイズはそのまま、センタリングして左右のマージンがのびる2.画像サイズは比率を保って拡大3.縦幅は固定し、横幅と画像を拡大だいたいこの3パターンにわけられるかと思います。コピーや他の要素がある場合は下記のことをなるべく明確にします。・画像とコピーとの位置関係や拡大率も一緒に考える・ブラウザ基準値の見え方とそれ以上の大きさになった時の見え方をシミュレーションする※今回はコピー位置を固定で考えてみました。画像サイズはそのまま、センタリングして左右のマージンがのびるカラムが決まっている座布団レイアウトなどはこのパターンが多い印象です。全面MVなどでよく見られます。インパクトがありますね。高さは固定なので、広がりを感じさせつつも圧迫感のないレイアウト。上記のような感じでサンプルイメージと補足を資料にしてお渡しすることが、最近は多いです。こちらに演出も加わると、さてもうどういう風にお願いをしたらよいか、、、?フェードイン、スライドインくらいなら言葉と参考サイトで伝わるかと思いますが「メインビジュアルが斜めにかっこよくひゅんっとスライドインして、○がフワフワ漂っていて...」みたいなコトは微妙なニュアンスが伝わりにくいですよね〜。日本語って、擬音って、ムツカシイ。その辺りの意図を汲み取っていただける場合は問題ないですが、そうもいかない時の方が大部分です。Effectsでモーションカンプを制作しようか」案がでております。Inc.2007年5月設立。ブランディング、コンサルティング、マーケティングの観点を大事にし、消費者、クライアントとより良き未来を創造していきます。求人情報まで毎月1回お届けします。YOU!ご登録ありがとうございました。