個人財務 ブログデザインのコントラストを作成する - ダミー

ブログデザインのコントラストを作成する - ダミー

目次:

ビデオ: 余白のデザイン入門編|Elementorの使い方|cotoLi WMO 2025

ビデオ: 余白のデザイン入門編|Elementorの使い方|cotoLi WMO 2025
Anonim

ブログデザインのコントラスト は、2つ以上の要素が互いに異なる場合に発生します。要素の差が大きいほど、コントラストは大きくなります。あなたのブログデザインは、いくつかの点でコントラストの恩恵を受けることができます:

  • コントラストは視覚的な関心を提供します。 あなたの目は、黒い空との淡い月や他の人に囲まれた背の高い建物のような対照的なものに引き寄せられます。ブログのデザインでは、コントラストは、控えめで興味深いのではなく、見ることを楽しむブログを保つことができます。

    <! - 1 - >
  • コントラストは、要素をページから飛ばして、読者に行動を促すことができます。 新しい電子書籍にリンクするボタンを強調表示したい場合は、コントラストを使用して、全体的なデザインにフィットした状態でボタンが目立ちます。

    Pat FlynnのブログSmart Passive Incomeは、明るい緑色のボックスに暗い緑色の境界線を使用して、ブログデザインの重要な部分を際立たせます。 「どこから始めるのか分からない? eBookガイドボックスは黒いビデオと電子ブックの画像と対照をなして、それらの要素がページから飛び出して自分のブログに関心を持つようにする。

    <! - 2 - >

    クレジット:©スマートパッシブインカム
  • コントラストは、テキストを読みやすくします。 あなたは、背景色とテキストの色があまりにも似ているため、実際のブログ投稿を読むことができなかったブログに行ったことがありますか?あなたの訪問者が実際に滞在してあなたの投稿を読むように誘導するブログ投稿の可読性のための対照が存在する必要があります。

    <! - 3 - >

    黒い背景や暗い灰色のテキストを含む白い背景は、ブログ投稿のようなコンテンツの主な領域では常に安全な選択です。

コントラストを作成する方法を探る

あなたはいくつかの点であなたのブログデザインにコントラストを適用することができます。いくつかの一般的なものがあります:

  • Color: おそらく、コントラストを適用する最も一般的な方法は色によるものです。同じ色合いのコントラストのある色(黒色のライトグレーなど)またはカラーホイールの両端(オレンジ色と青色)の2色を使用することができます。たとえ赤いFree Instant Accessボタンが薄い緑色の背景に対してどのように目立つかなど、特定のブログ要素を目立たせるために単一の色を使用することもできます。

  • フォント: 互いに補完する2つの異なるフォントを使用すると、テキストにコントラストを作成することもできます。たとえば、スクリプトフォントとサンセリフフォントをペアにすると、視覚的な関心が得られます。

    太字や斜体を適用することで、同じフォントでコントラストを適用することもできます。適度に使ってください。また、ほとんどのオンライン訪問者は、下線を引いた単語がハイパーリンクであると想定するため、テキストに下線を付けることは避けてください。サイズ:

  • 異なるサイズの2つ以上の設計要素を有することによってもコントラストが生じる。たとえば、ほとんどのブログデザインでは、ブログの投稿タイトルが、投稿のコンテンツ内の小見出しよりも大きいものが使用されます。 あなたのブログコンテンツ内の画像:

  • あなたのブログコンテンツに画像を追加することで、大量のテキストを分割し、さらにあなたのブログに読者を引き込むことによって、コントラストを提供します。 コントラストを適用するこれらの方法を理解した後、2つの異なるフォントで2つの異なる色を使用するなど、よりコントラストを追加するように組み合わせることができます。

適切なコントラストを適用する

ブログデザインのコントラストは難しい場合があります。コントラストが高いほどコントラストは良くなるとは限りません。そして時には遠すぎることを恐れて、十分なコントラストを適用したくない場合もあります。

あまりにも多くのコントラストが読者に不快感を与えたり、ブログの可読性を妨げたりする可能性があります。例えば、黒い背景に白いテキストを使用することは、あまりにも多くのコントラストの例として頻繁に引用されています。少量では効くかもしれませんが、パラグラフの後のパラグラフを読むことは、あなたの目がテキストを読むのをより困難にしなければならないので疲れます。

これはまた、白い文字やテキストが黒の背景にあるときに「白くなる」傾向を示す

ハレーション 、 を生成します。 必ずしも気になるわけではありませんが、コントラストがあまりにも小さすぎると、ブログを読みにくくすることができます。たとえば、テキストを強調するだけでブログ投稿に小見出しを作成しても、あなたのブログ投稿をすっきりと見せてくれる人は、小見出しを目立たせることはできません。

この例では、異なるフォントと異なる色を使用すると、人々があなたのブログのコンテンツとやりとりする方法に十分なコントラストが追加されます。

要素がどのように対比されるべきかを決めるときは、次の質問に留意してください。

ブログの訪問者にとって最も重要で、次に重要な行動は何ですか?

  • 対話を追加して、読者がそれらの行動を取るブログの領域を強調表示します(前述の無料インスタントアクセスボタンの例など)。 このコンテンツをブログの訪問者が簡単にアクセスできるようにするにはどうすればよいでしょうか?

  • 写真でテキストを分割するのが理想的です。たとえば、手順を示す写真が満載のハウツーは、その情報を提示してテキストを分割する最も効率的で簡単な方法です。あなたのコンテンツがビジュアルよりも概念的であるなら、示されているようにテキストを小見出しに分割するほうが良いでしょう。

ブログデザインのコントラストを作成する - ダミー

エディタの選択

を探る

を探る

遠く離れた場所でコンタクトを作るためにステーションを押す)は、すべてのハムラジオで2番目に古いアクティビティです。エーテルのどこかで、駅はいつも手の届かないところにあり、その駅に連絡するという挑戦がDX-ingの目的です。何千ものハムを横切っています...

エディタの選択

Excel 2007の開始と終了 - ダミー

Excel 2007の開始と終了 - ダミー

Microsoft Office Excel 2007には、プログラムを開始および終了するためのいくつかの方法があります。 [スタート]メニューまたはデスクトップショートカットを使用してExcelを開くことができます。 Excelを終了するには、Officeボタン、閉じるボタン、またはキーボードショートカットを使用します。 [スタート]メニューからExcel 2007を起動する。

Excelピボットテーブルの小計を抑制する - ダミー

Excelピボットテーブルの小計を抑制する - ダミー

Excelのピボットテーブルを使用すると、ダッシュボードとレポートの管理に時間を費やし、他の有益なことを行う時間を増やします。ピボットテーブルにフィールドを追加するたびに、Excelはそのフィールドの小計を追加します。ただし、小計を含めると小計を含めることができない場合もあります。

Excel 2007にあなたが印刷したいものを伝える - ダミー

Excel 2007にあなたが印刷したいものを伝える - ダミー

Excel 2007には、エリア。ワークエリア上の任意のセル選択を印刷領域として定義することができます。

エディタの選択

SharePoint 2010のダッシュボードデザイナ - ダミー

SharePoint 2010のダッシュボードデザイナ - ダミー

Business Intelligence(BI)サイトのホームページには、SharePoint 2010を使用するための2つのシナリオビジネスインテリジェンスのため。主な2つのシナリオは、Excel ServicesとPerformancePoint Servicesです。 Excel Servicesを使用すると、Excelスプレッドシートの一部をSharePointサイトに表示することができます。 Excel Servicesのサンプルを見ることができます。

SharePoint 2010検索ボックスWebパーツ、結果、および分析 - ダミー

SharePoint 2010検索ボックスWebパーツ、結果、および分析 - ダミー

サイトを検索する。エンドユーザーは、おそらく、すべてのSharePoint 2010サイトの右上隅にある使い慣れた検索ボックスを表示することに驚くことはありません。ユーザーはこの検索ボックスを使用して、表示しているサイトまたはリストを検索できます。サイトのカスタマイズされた検索エクスペリエンスが必要な場合があります。 By ...

SharePoint 2010リストタイプ - ダミー

SharePoint 2010リストタイプ - ダミー

SharePoint 2010は、情報の追跡に使用できるさまざまな種類のリストを提供します。リストは、ExcelスプレッドシートまたはAccessデータベースの表に似ています。最初に作成したときに空白のスプレッドシートとは異なり、SharePointにはいくつかの事前定義リストが用意されています。これらのリストには、列とフォームが含まれています。