デザインの言語化#1

業種
#アウトドア・スポーツ
テイスト
#かっこいい #シンプル #高級感・きれいめ #ナチュラル・爽やか
形状
#横長
配色
#ブルー #グラデーション
サイズ
#2400 ×1350
1.私が思うイイ!ポイント
1.キャッチコピーと背景
白文字は背景の写真に馴染みすぎて見えにくくなりがちですが、このバナーの白字はとても見やすい!
私的の予想は・・・。
・写真加工が暗く加工されている
(サイトの他の写真を見る感じ、統一してこの色味なのでもしかするとデザイナーさんではなくカメラマンさんがこの色味で加工したのかもしれませんが!)
・文字の部分の背景写真がちょうどぼやけている
・私の目では断言できませんが、もしかすると10%くらいのシャドウが入っているのかも?
・フォントウェイトが太め
白字の視認性をあげるデザインテクニック、学び中ですが写真加工はまだ手を出せていないので再度、部分的な自然なぼかしテクニックを身に付けたい!と思いました。
2.余白


いずれも、バナーが載っているサイトから持ってきました。
快適な走りや、爽快感。生き生きとした。疾走感。
そんな印象を与えてくれるサイトです。
写真の構成で雰囲気を与え、その後に文章でより具体性を増す。
余計なものがないなと思いました。
空白を意識することにより、ゆったりといた優雅な生活を商品によって与えられると感じやすくなっていると思います。
3.バナーであるが、ファーストビュー
バナーが集められているサイトから今回の題材を持ってきましたが、サイトをみるとファーストビューの役割の方が大きいなと思いました。

果たして、このデザイナーさんやクライアントさんは「バナーを作ってください」なのか「ファーストビュー作ってください」なのかどちらを依頼したのかはわかりませんが、、、。
チャットGPTに質問してみました。
🌟 ファーストビュー(First View)とは?
ページを開いたとき、スクロールせずに最初に見える範囲のこと。和製英語で「Above the fold」とも呼ばれます。
デザインの要点は“訪問者に3〜5秒で好印象を与えること” Unlimited Graphic Design Service+13Web Design DAY+13エックスサーバー+13。
3
🎯 バナー(Banner)とは?
リンク付きの画像やグラフィックで、クリック誘導を目的とした広告要素全般を指します。 https://uicreative.net/blog/7-steps-on-how-to-design-web-banner.html?utm_source=chatgpt.com
この画像がどこかのクリックを目的とした広告として載っていたらバナーであり、サイトに飛べばファーストビュー要素もあるので兼用ということでしょうか?
2.まとめ
1.白字の見せ方
シャドウだけではなく、写真加工でぼかしを入れ文字を際立たせるというテクニックもある。
2.余白
ゆったりとした、生き生きとした感じ。
私がそう印象を受けたのは余白の取り方が理由だと思います。
