wulin.com(www.vevb.com)の記事紹介:通常のページをわずか4秒で閲覧できるので、ユーザーを引き付けてウェブサイトを閲覧し続けるのに十分な時間がありません。つまり、設計したウェブサイトが何であるかをできるだけ正確に説明する必要があります。視聴者にこのウェブサイトが何であるかを理解するためにもっと時間を費やす必要がある場合、彼はあきらめて去ります。
この記事では、Webページを設計する際にいくつかの大きな問題をまとめたものです。次のページを作るときにインスピレーションを与えることができることを願っています。
1。覚えておいてください:制御できる時間は限られています
たった4秒で通常のページを閲覧できるので、ユーザーを引き付けてウェブサイトを閲覧し続けるのに十分な時間がありません。つまり、設計したウェブサイトが何であるかをできるだけ正確に説明する必要があります。視聴者にこのウェブサイトが何であるかを理解するためにもっと時間を費やす必要がある場合、彼はあきらめて去ります。
2。覚えておいてください:ユーザーがページをスキミングしています
部屋に入ると、すべての外観を具体的に見ることはありません。まず第一に、あなたは部屋の人や物の外観に注意を払うでしょう。部屋全体を見回してから、興味を持っているものを見つけます。ウェブサイトを初めて閲覧するときに同様のことが起こります。ブラウザまたはユーザーが最初にそれを参照します。これには、ユーザーが行きたい場所にユーザーを導く必要があります。ログインボタン、その他のコンテンツボタン、またはブログ投稿などです。
3.ウェブサイトの左上隅が最も明白な場所です
これは認識されている事実です。主な理由は、誰もがこの習慣的な方法を使用して本や記事を読むことです(左上隅から)。さらに、この方法に基づいて、初期のWebサイトとアプリケーションソフトウェアも設計および開発されました。私たちは通常、左上隅にロゴを置きます。これは素晴らしいことです。ただし、この位置に1つまたは2つの他の要素を追加して、より明白に見えるようにすることを検討してください(登録リンク、検索フォーム、スローガンなど)。
4 F構造を理解します
一部の視覚的な追跡調査では、ユーザーの視覚的なルートがWebサイトを閲覧することが文字Fに似ていることを証明しています。トップの位置はいつでも見ることができ、中央領域の半分のみが見ることができ、左部のみが見えることがあります。設計時にクラブにコンテンツブロックを何を配置するかわからない場合は、この要素を考慮することができます。
5.ユーザーが無視するものを理解します
ユーザーは広告を盲目にしています。画像広告とテキスト広告を無視するために使用されます。広告のように見えるデザインは避けてください。ユーザーは大きなテキスト領域も無視します。誰もがブロックバスターのテキストを読む時間を持っていません(より多くの患者!)、彼らはページ記事の一般的な意味を理解しているだけです。
6。テキストと写真
興味深い事実はそうです。テキストはそれらの素晴らしい写真よりも多くの注目を集めています!ユーザーに情報を伝えたい場合は、見事な頭の写真の代わりに大きなスローガンテキストを使用することをお勧めします...
7.設計要素を使用して注意を引きます
注目を集めるための良い要素は、テキストスローガン、アクションプログラムのボタン(通常は明るい色調)、レベル1-2-3に分割された、または通常のリストです...
非常に長い記事を書いている場合、非常に重要なことの1つは、字幕を探していることです。字幕は、他のコンテンツよりも注目を集めやすいです。適切なタイトルを使用して、これらの簡単な手順でこの記事のトピックをユーザーに説明します。
8。テキスト形式
適切なテキストのフォーマットは、読む方が興味深いものです。あまりにも多くの段落、大胆な、斜体、引用、下線、または文字を使用することを心配しないでください...それらはすべて、テキストブロックをより視覚的に影響を与えることができます。もちろん、フォーマットを使用して、重要であると思われるテキストや文を強調する必要があります。これは、読者に完全なテキストを読むように導くことができます。
9.簡単な写真を使用します
先ほど、ユーザーは広告に目をつぶると述べました。設計プロセス中に写真を使用するときは、乱雑、迷惑、または理解できないことを確認してください。ほとんどの人は、乱雑で派手な写真を見るのは難しいと感じています。写真は簡潔で理解しやすいものでなければなりません。
特に写真のキャラクターの目がユーザーを見つめている場合、ユーザーの注意を引き付けるために人々の顔の写真を使用します。もちろん、目の方向を使用して、ユーザーが特定の方向に注意を払うように導くこともできます。
10。空白を使用します
空白スペースを使用すると、いくつかの要素がより多くの視覚的なスペースを提供する可能性があります。要素がマージンや他の要素に近すぎる場合、混乱するのは簡単であるため、呼吸の余地を残す必要があります。特にテキストとテキストのコンテンツの間。
オリジナル中国語:ウェブデザインの実行方法に関する10のヒント
オリジナルの英語:10ショート 'n'ウェブのデザイン方法に関する甘いヒント