In general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.
ウェブサイトのデザインを改善するためにできる基本的なヒントをいくつかご紹介します。
Add high-quality images
You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.
適切な色を選択する
ウェブサイトの配色は、ブランドに適したトーンや雰囲気を作り出す上で大きな役割を果たします。素敵な色を選んだからといって、それが必ずしも適切であるとは限りません。色にはそれぞれ異なるメッセージや反応を引き出す力があります。色はサイト訪問者が最初に気付く要素の一つであり、ウェブサイトの成否に実際に影響を与える可能性があります。
デザインには多くても2〜3色のベースカラーを選びましょう。さらに色を追加する必要があると感じた場合は、ベースカラーのティント（明色）やシェード（暗色）を活用できます。色彩理論において、ティントとは色に白を混ぜて明度を上げたものであり、シェードとは色に黒（原文：white）を混ぜて明度を下げたものです。
Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.
コントラストのある書体を使用する
There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.
2つの書体を組み合わせることは、デザイナーにとっても難しい場合があります。1つの書体から2つの異なるフォントを試すことで、シンプルに保つことができます。2つ目の書体が必要な場合は、最初の書体とうまくコントラストが効くものを選びましょう。通常、セリフ体とサンセリフ体を組み合わせると相性が良くなります。もう1つの重要なヒントは、会社のスタイルに合った書体を選ぶことです。世界で最も美しいフォントを持っていたとしても、間違ったコンテキストで使用すると、ひどい見た目になってしまうことがあります。
余白を使ってすっきりと保つ
Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.
モバイルフレンドリーにする
People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.
追加のヒント：ウェブサイトでPage Builder Sandwichを使用すると、モバイル表示が自動的に有効になり、モバイルの画面サイズに合わせて調整されます。
まとめ
覚えておいてください：デザインの力を過小評価することは、ウェブサイトを構築する際に犯しがちな最悪の間違いの1つです。もちろん、ウェブサイトをデザインする際に無理に力を注ぐ必要はありませんが、当面はこれらのヒントに従うだけでも、オーディエンスに不快感を与えないサイトにすることができます。