WEBサイトのデザイン観察 vol.2
今回も、以下のサイトのアドバイスしたがって、WEBサイトのデザインのポイントを書き出してみます。
https://www.webcreatorbox.com/tech/improve-design-skills
観察するサイト
今回はこちらのサイトについて考察します！
デザイン観察
《気になるところ》
・和風
・ファーストビューの写真が切り替わる
・縦書きの文字
《なんのサイトか》
・ハンター迎賓館のウェブサイト
・和庭園
考察：
・アクセントカラーや写真の色合い、フォントなどが和風
《ターゲットのユーザー層を予想》
・結婚を控えて式場を探しているカップル
・親しい人のみで落ち着いた結婚式を行いたい
・日本庭園で結婚式を行いたい
考察：
・華やかだが、落ち着いた雰囲気のサイト
・和の印象を持たせるサイト
《配色》
・白、黒に近いグレー、黄緑
考察：
・アクセントカラーの黄緑色が日本風
・黒色が高級感を出している
・写真の彩度が低めで、落ち着いている
《書体》
・縦書きが取り入れられている
・英語と日本語両方使われている。
・フォントサイズが小さめ
考察：
・縦書きにより和の印象が生み出されている
・タイトルに英語が使われており、年齢が若い人向け
・派手すぎないフォント
《レイアウト》
・シングルカラムレイアウト、フルスクリーンレイアウト、ヘッダー固定
考察：
・スマホ対応
・ファーストビューに日本庭園を背景にした花嫁の写真が写り、日本庭園での結婚式のイメージがわく
サイトの説明をしてみる
日本庭園で落ち着いた結婚式を行いたいカップルをターゲットにした、結婚式場のプロモーションサイト（？）。ファーストビューに日本庭園を背景にした花嫁の写真を使用し、日本式の結婚式のイメージを強調している。黒（グレー）をメインに、日本的な黄緑をアクセントに使用することで、和風で高級感があるサイトになっている。
参考
高級感って？作り込みって？WEBデザインの流行から見るポイント
https://pecopla.net/web-column/designpoint-vol2
レイアウトの種類
https://yori-york.co.jp/news/web_design_layout
ホームページの種類と役割を解説｜目的に合ったサイト制作を！
https://hp-seed.jp/useful/1232/
この記事が気に入ったらサポートをしてみませんか？