統一感のある初めてのウェブサイトを作るのに、複雑なブランドシステムは必要ありません。色を少数に絞り、読みやすいタイポグラフィの方向性を選んで、一貫して使いましょう。訪問者には、装飾に目が行く前に、あなたの作品に気づき、ページの内容を理解してもらうことが大切です。
コンテンツの雰囲気から始める
具体的な好みをいくつか書き出してみましょう。たとえば、落ち着いていて余白がある、明快なコントラストで生き生きとしている、色使いを控えたフォーマルな雰囲気などです。それらを対象となる読者や素材に結び付けます。情報量の多いプロジェクトの説明には、短いイベント紹介よりも、落ち着いて読める背景が必要かもしれません。ブリーフに矛盾が生じるような、関連性のない参考例を詰め込みすぎないようにしましょう。
色ごとに役割を持たせる
背景色、本文の基本色、重要な操作に使うアクセントカラーを選びます。アクセントカラーが見本で魅力的に見えるかだけでなく、その色の上に載せる文字との相性も確認しましょう。明るいブランドカラーは、コントラストの低いボタンに使わず、装飾用にとどめることもできます。エラー、プラン、選択中の項目を区別する方法として、色だけに頼らないでください。
文字の体系はシンプルにする
見出しと本文にはそれぞれ異なる役割が必要ですが、スタイルが多すぎるとページを読み進めにくくなります。主な見出しだけでなく、長い単語や数字、句読点も確認しましょう。ウェブサイトで別の文字体系を使う場合は、ラテン文字だけで判断せず、実際の言語で確認してください。
編集内容をページ全体で確認する
色や見出しのスタイルを変更したら、幅の狭い画面と広い画面の両方で、リンク、ボタン、キャプション、フッターを確認しましょう。全体に適用される変更は、見ていたセクション以外にも影響することがあります。各セクションを別々にデザインし直すのではなく、全体として認識できる方向性を保ちましょう。
VollSiteでは、ブリーフに意図するスタイルを記述し、生成された結果を確認します。手動でデザインを変更してもAIリクエストは使いませんが、デザインの変更を依頼するとAIリクエストが使われます。変更によってページが読みにくくなった場合は、Undoを使って元に戻し、より具体的に調整してください。視覚的な一貫性は、訪問者がコンテンツを理解する助けになるものであり、誤解を招く主張や、利用しにくいテキストに頼ってはなりません。