Webデザインを行うときにクライアントの個性を追加する方法

公開: 2017-04-04

ウェブサイトをデザインすることは一つのことです。クライアントの個性を注入し、特徴を特定することは、まったく異なるものです。

これについて考えます。あなたがあなたのクライアントを個人、企業または組織としての彼らの個性について話すウェブサイトをデザインするのに時間をかけないなら、どのようにそのサイトは効果的であることができますか？

インターネットにはたくさんのノイズがあり、誰でもWebサイトを持つことができます。しかし、個人や企業がウェブサイトを持っているからといって、訪問者が列を作り始めるべきだという意味ではありません。トラフィックの多いサイトは、適切に設計する必要があるだけでなく、対象となるオーディエンスとつながる必要があります。さらに、それはあなたのクライアントのビジネスイメージを反映する必要があり、これは本当に良いウェブデザインがあなたのクライアントを競争から際立たせるのを助けることができるところです。

この投稿では、クライアントの個性をWebサイトに追加できる領域について説明します。クライアントの個性やビジネスイメージに基づいてWebサイトを設計すると、エンドユーザーにとってはるかに関連性が高く、思い出に残るエクスペリエンスになり、適切なトラフィックが維持され、何かが維持されるようになります。

クライアントインタビュー：適切な質問をする

クライアントの個性を反映したウェブサイトをデザインするには、最初に質問をし、次にデザインする必要があります。良い質問はあなたがあなたのクライアントの顧客にアピールする完璧なサイトを設計するためにあなたが知る必要があることをあなたに教えてくれます。

クライアントに尋ねたい質問の種類の例を次に示します。

彼らは誰なの？
彼らは何を言いたいですか？
彼らはどのような価値観を持っていますか？
彼らの目標は何ですか？
彼らは誰に到達しようとしていますか？
彼らは彼らの聴衆にどのような約束をしますか？
彼らが聴衆に描きたい全体的なイメージは何ですか？
彼らがコミュニケーションを避けたいことはありますか？

これらの質問への回答は、Webサイト全体のデザインの基礎として役立ちます。確かに、ウェブサイトは色、フォント、写真、レイアウトですが、ブランドアイデンティティを強化または作成することでもあります。実際、そのアイデンティティを作成するには、すべてを適切に組み合わせる必要があります。ウェブサイトを完璧にしたり、作成しようとしている画像全体を台無しにするために必要なのは、正しいフォントや間違った画像だけである場合もあります。

人々はウェブサイトに接続していると感じる必要があります。これは、人間のつながりを生み出す明確なコミュニケーションによって実現されます。その場合、Webサイトは一度だけアクセスされるわけではありません。それは何度も何度も再訪され、会社は実際にその訪問者の生活の一部になります–彼らが彼らの友人と共有したいものです。

見た目に美しいデザイン：完璧な外観の作成

クライアントの心と魂を理解したら、実際にWebサイトをデザインする必要があります。クライアントについて学んだことを取り入れて、視覚的なアイデンティティを与える時が来ました。ウェブサイトのデザインはそのオーディエンスとつながる必要があるだけでなく、目を引く必要があります。

つまり、クライアントのビジネスイメージや個性に合っていると思う基本的なテーマをいくつか考え出し、それらから選択する必要があります。最初のテーマは無難であるが完璧ではない場合もあるので、いくつかの異なるテーマの基本をスケッチして、何が最も効果的かを判断するようにしてください。

たとえば、テクノロジー業界にクライアントがいて、最初のアイデアは、最高のポストモダンデザイン要素をすべて利用するハイテクウェブサイトを構築することかもしれませんが、レトロなデザインは、クライアントが提供しているものと、彼らのサイトが実際に示しているもの。ハイテクウェブサイトをデザインしないことに重点を置くことは、実際には、それらが他のテクノロジー会社とは異なるという事実を浮き彫りにするでしょう。

レイアウト：優れたWebサイトのフレームワーク

ウェブサイトのデザインの重要な要素はレイアウトです。サイトの要素をどのように配置するかによって、サイト全体の成功が決まります。クライアントの個性とアイデンティティを明確に伝えようとしていることを忘れないでください。あなたはそれを紛らわしいレイアウトで混乱させたくありません。

Webサイトのレイアウトは、見た目に魅力的である必要がありますが、過度に複雑であってはなりません。ナビゲーションはシンプルで理解しやすいものにする必要があります。あなたのサイトの聴衆は、サイトをナビゲートする方法を直感的に知りたいと思うでしょう。デザインをやりがいのあるものにして、彼らを落胆させないでください。

ここでの基本的なルールは、少ないほど多いということです。あなたは彼らがすべてのページから彼らが望むことができるサイトのすべての部分にアクセスできることを確認したいが、あなたはコンテンツを乱雑にするたくさんのリンクやボタンを持ちたくない。可能な場合は拡張モジュールを使用してボタンをスタックし、必要なものだけを含めます。

色彩理論：カラーホイールとその他のツール

色は、プロのウェブサイトのデザインをよりアマチュア的な取り組みと区別できるデザイン要素です。あなたはあなたのウェブデザインの色をやり過ぎたくありません。

1つのオプションは、サイトの要素を強調して強調する1つの色を選択し、残りのデザインではグレーと白を使用することです。これにより、重要な要素をポップできます。

3色のデザインは、1つの色が主な焦点として選択され、他の2つの色がWebサイトのさまざまな領域を強調するもう1つの優れたオプションです。ヘッドラインやサブヘッドラインなど。配色に関係なく、色はクライアントの個性とアイデンティティを反映する必要があります。

色がクライアントのイメージや全体的なメッセージと一致するように、色が持つ意味を考えることが重要です。たとえば、赤、黄、オレンジなどの色は、力、興奮、暖かさを象徴しています。ブルー、スミレ、パープルは平和、静けさ、落ち着きを象徴する傾向があります。色には、デザインや全体的なメッセージを強調したり、損なったりする可能性があるため、賢明に選択することが重要です。

また、どの色が一緒になり、どの色が衝突するかを理解することも非常に重要です。ほとんどのデザイナーは、どの色が調和するかを考えていますが、すでに選択したメインカラーとうまく機能するすべての色を知っているとは限りません。ほとんどのデザイナーは補色についていくつかの基本的な考えを持っていますが、カラーホイールまたは別のツールを使用して、自分が気付いていない色が最適かどうかを判断することが重要です。

また、ウェブサイトのデザインやその他のグラフィックデザインに関して、非常に役立つ無料のツールもいくつか知っておく必要があります。一例として、Pixieがあります。これは、色を一致させるか、少なくとも特定のWebサイト要素に実際に選択した色を知ることができる正確な16進数またはRGBの色識別子を提供する無料のツールです。

あなたのタイプは何ですか：フォントの選択とレイヤースタイル

クライアントのメッセージを表すために選択したタイポグラフィを過小評価しないでください。フォントを一意にする必要がありますが、読むことは不可能ではありません。 Webデザインのフォントを選択するときに従うべき良いルールは、Webページのコピーにもっと単純なフォントを選択することです。ヘッダー用のより複雑なフォントと、より大きな召喚状ステートメントを保存します。あなたのクライアントは彼らのメッセージを出したいのです。聴衆がそのメッセージを簡単かつ明確に読むことができることを確認してください。

もう1つの重要なポイントは、選択した書体と一貫性を保つことです。あまりにも多くのフォントを含むWebサイトは必要ありません。これは、聴衆にとってまとまりがなく、専門的ではないように見える場合があります。

設計者が時々犯す可能性のあるもう1つの間違いは、コンピューターにインストールしたものと同じフォントを使い続けることです。あなたは何百ものフォントを持っているかもしれず、あなたが取り組んでいるウェブサイトのデザインと完全にうまくいく何かがあるとあなたは確かに思うので、これは簡単なエラーです。

真実は、あなたはやや正しいです。コレクションには、作成しているデザインでうまく機能するフォントが非常に似ていますが、Webで他のフォントをチェックして、自分に最適なフォントを選択していることを確認する必要があります。デザイン。一緒に暮らせるフォントを使うのではなく、時間をかけて生きていけないものを見つけない理由はありません。

あなたが見るものはあなたが得るものです：画像

イラストや写真などの画像は、Webサイトのオーディエンスにクライアントの個性を紹介するのに役立ちます。たとえば、画像は静かな瞬間を捉えたり、主要な製品を紹介したりするのに役立ちます。 Webデザインの他の側面と同様に、一貫性が重要です。ウェブサイト上の画像は、目立つ要素の類似性を考慮して選択する必要があります。これにより、デザイナーはクライアントの個性とブランドという1つの物語を語ることができます。

特に写真を扱う場合は、クライアントの全体的なイメージを反映した写真を選択することが重要です。顔写真やチーム写真を取り上げている場合は、それらが硬く見えないようにする必要があります。プロの写真家は、クライアントの真の本質を捉えるのに大いに役立ちます。

プロの写真家にアクセスできない場合は、少なくとも1つの大きなストックフォトWebサイトにアクセスできる必要があります。理想的には、いくつかのWebサイトのメンバーシップにアクセスする必要があります。さらに、実際にイメージをコミットする前に、イメージを試してみることが重要です。間違った画像でクレジットを使い切ることは、デザイナーに起こりうる最も苛立たしいことの1つです。

WebデザインプラットフォームをPhotoshopで補完する場合に使用する最良のトリックの1つは、透かし入りの画像をストックフォトサイトからダウンロードし、「無料変換」ツールを使用して、ピクセル化せずに適切なサイズにすることです。このようにして、実際にレイアウトに追加したときに画像がどのように表示されるかを正確に確認できます。

伝える代わりに表示する：Webサイトにビデオを含める

時々あなたはあなたのクライアントに彼ら自身のために話させる必要があります。プロが制作したビデオをWebデザインに追加することは、クライアントの真の個性を輝かせる素晴らしい方法です。彼らは自分の言葉で自分の話をし、非常に個人的な方法で聴衆とつながることができます。

動画を輝かせる方法はたくさんあります。プロのナレーションアーティスト（Fiverrのようなサービスサイトでわずか数ドルで入手できます）を追加すると、大きな違いが生まれます。プロの俳優と実際にビデオを撮影できない場合に使用できるさまざまなテクニックがあります。あなたが望むようにワードローブとセット。

ビデオの必要性が高まって以来、ストックビデオ撮影は大幅に拡大しているため、想像できるほぼすべてのシーンでビジネスストックビデオを見つけることができます。ただし、それができない場合でも、実写ビデオがなくてもストーリーを伝えることができるホワイトボードアニメーションなどのオプションがあります。

最終的な考え

これは、クライアントの個性をクライアント向けに設計したWebサイトに注入するのに役立ついくつかの方法のほんの一部です。それぞれの素晴らしいウェブサイトは、簡単な物語から始まります。クライアントのメッセージの核心を知らなければ、彼らが望むオーディエンスを引き付けるサイトをデザインすることは決してできません。

クライアントが誰であるか、クライアントが何を表しているのか、どのようなメッセージを伝えたいのかを明確に理解することから始めます。そこから、レイアウトを作成し、デザイン要素を選択して、クライアントの個性を具現化し、思い出に残るユーザーエクスペリエンスを作成することができます。

自由に使えるすべてのツールを使用し、クライアントにリリースする前に、Webサイトが可能な限り優れていることを確認してください。クライアントが受け入れるWebサイトと、クライアントが絶対に愛し、個人またはビジネスのWebサイトに最適であると考えるWebサイトには大きな違いがあります。あなたが毎回完璧な製品を提供すれば、あなたの評判ははるかに速く成長します。