こんにちは！クリエイターのMです。
Webサイトのデザインのイメージを伺ったときに「高級感を出したいです！」といわれること、デザイナーなら必ず一度は経験したことがあるのではないでしょうか。
高級感のあるデザインってどんなものだろう？と調べまわったことがあるので、今回は自分自身の備忘録もかねてまとめてみました。
目次
高級感のあるデザインの作り方
シンプルなデザイン、まとめ方にする
高級感のあるデザインをつくる上で最も重要だと思うことは、テキストの量やいろいろな要素を載せ過ぎないことです。
コンテンツ量が多くなると煩雑になり、高級感からどんどん遠ざかっていきます。
載せる情報量を取捨選択して、少なくシンプルにまとめる意識が必要です。
余白をしっかりとる
「高級感のあるデザイン」とは言い換えると「ゆったり落ち着いた印象のデザイン」といえると思います。
ゆったり落ち着いた印象を出すためには、とにかく余白をしっかりとることがとても大切です。
そして余白をしっかりとるためにも、前述しているように情報量を厳選してなるべく少なく、シンプルにしておく必要があります。
高級感を出す配色を知る
高級感を出すための配色として黒とゴールドの組み合わせが王道です。
ゴールドも、グラデーションで光沢があるようなデザインにするとよりゴージャスな雰囲気を演出できます。
他にも、茶、ネイビー、グレーなど落ち着いたトーンを使っても表現することができます。
色数を少なくする
色数もなるべく少なくするのがおすすめです。
写真含め、色数が多いとにぎやかな印象に近づいていきます。
写真はそのまま使わずに少し彩度を落とす加工をしてあげると、色数が少なくなりサイト全体の雰囲気と馴染みやすくなります。
ただ、色数は少なくすると地味になりがちです。
回避する方法として私がよくやるのは、
・アクセントカラーをポイントで使う
・グラデーションを使う
・背景にテクスチャーを使う
です。
これだけで、奥行きやメリハリをプラスすることができます。
ただ、これらの装飾のやりすぎはダサくなる原因になるので、ほんのりつけるイメージで。。。！
フォントと字間にこだわる
フォントはゴシック体よりも明朝体がおすすめです。すっきりと洗練した印象になります。
ゴシック体を使用したいときでも、細くすっきりしたものを選ぶと馴染みやすいですが、明朝体よりもややカジュアルな印象になります。
字間も若干広めに設定するとゆったりした印象になるので、こちらも忘れずに調整してください。
また文字のサイズは小さい方が高級感を感じます。
目立たせたいコピーもただ大きくするのではなく、余白をしっかりとり、字間を調整することで、小さい文字でも目立つようになります。
まとめ
いかがでしたでしょうか？
今回は高級感のあるデザインにするための方法をまとめてみました。
高級感のあるデザインはバランスが重要なので、レスポンシブ対応させるときは注意が必要です。Webサイトなので、画面幅が狭くなったときにどう崩れていくかも意識してデザインを作成していくことが大事だなと思います。
高級感のあるデザインの作り方以外にも、ポップなデザインの作り方などもまとめていこうと思ってます！
