科学者たちは、あなたが約
サイトのヘッダー領域のテキストは重要な情報源です。 あなたが言うこと 明らかに重要ですが、考慮することも重要です の あなたが言うのです。
タイポグラフィは、Web サイトの声です。適切なタイポグラフィを選択すると、メッセージを伝えるのに役立つだけでなく、トーンに影響を与え、ブランドの認知度を高めることもできます。そのため、クラシックなものから…まあ、クレイジーなものまで、世界中に 300,000 を超えるフォントから選択できます。
選択肢が多すぎると、自分に合ったスタイルを見つけるのは難しい場合があります。特に、フォントの組み合わせ方がわからない場合はなおさらです。この記事では、コンバージョンにつながるヘッダー メッセージをデザインするのに役立つ、おすすめのフォントの組み合わせをいくつか紹介します。
以下のすべての例は、ストアを迅速に立ち上げて販売を開始できる無料の効率的な e コマース サイト ビルダーである Ecwid Instant Site で利用できるデザイン ツールを使用して作成されました。 インスタントサイトのデザインオプションの詳細または 無料で登録する 実際に動作しているところを見てみましょう。
Ecwid Instant Site エディターでフォントを変更する方法:
- に行く ウェブサイト Ecwid コントロール パネルのタブを開き、「編集」をクリックします。
- 「見出しと表紙」を選択します。
- ストアの見出しと説明を入力します。カバーレイアウトを選択し、必要に応じて位置と配置を変更します。ここから、必要に応じて背景や行動喚起ボタンを変更することもできます。
- 下にスクロールして「タイポグラフィ」を選択します。
- 見出しと説明のフォント ファミリ、色、サイズを選択します。
- 完了したら「保存」ボタンを押すことを忘れないでください。
スパイラックス + オープンサンズコンデンス
Spiraxの独自の曲線は、見出しに洗練されながらも気まぐれな外観を与え、
メリウェザー + オズワルド
Merriweatherは、やや凝縮した文字、しっかりしたセリフ、オープンフォームで、画面上で読みやすいフォントです。19世紀後半から20世紀初頭の古典的なゴシックやグロテスクなスタイルにインスピレーションを得たフォントOswaldと完璧に調和しています。この組み合わせは、
アブリル・ファットフェイス + キャビン
細いセリフと
モントセラト + メリウェザー
Montserrat は、20 世紀前半の都市タイポグラフィをベースに、Merriweather のやや凝縮された文字形態を補完しています。この組み合わせは、バッグやスニーカーの店でよく見かけるでしょう。
オーバーロック + ヌニート
オーバーロックの丸いグリフ形状は、タイトルや短いテキストに最適です。
Playfair ディスプレイ + Source Sans Pro
Playfair Display のクラシックなスタイルは、ユーザー インターフェイスに適した Source Sans Pro と組み合わせると、さらに際立ちます。この時代を超越した組み合わせは、女性向け美容製品やドレス ショップの専門店に最適です。
アレグレヤ + ラト
アレグレヤのダイナミックで多彩なリズムはページに新鮮さをもたらし、ラトの
ロキット + ラト
Rokkittは見出しやヘッドラインの表示フォントとして設計されています。
クイックサンド + プロキシマ・ノヴァ
幾何学的な形状は Quicksand の基本的な基盤です。Proxima Nova のモダンな感覚と組み合わせると、レイアウトにすっきりとした新鮮なタッチを加えることができます。おもちゃやベビーカーを販売している場合は、これらのフォントが適しているかもしれません。
酸素 + メイヴンプロ
Oxygen は、すべてのグラフィカル ユーザー インターフェイス、デスクトップ、デバイスでうまく機能しますが、特に Maven Pro の読みやすさと組み合わせると効果的です。Web サイトで眼鏡やフィットネス アクセサリを販売している場合は、この組み合わせを検討してください。
ダンシングスクリプト + ラト
生き生きとしたカジュアルな Dancing Script は、Lato のクラシカルなバランスと洗練されたサンセリフの美しさを強調し、ページに親しみやすくカジュアルな雰囲気を与えます。ギフトショップやポストカードショップでは、このセットが役立ちます。
シグニカ + ドシス
Signika の優しい文字は見出しに最適で、Dosis は補足テキストをかなり読みやすくします。この組み合わせは、電化製品から花まで、幅広い店舗に適しています。
リーニービーニー + ミューリー
リーニービーニーはベーシックな
クエストリアル + ムリ
サンセリフのMuliは本文に最適なフォントで、控えめな美しさから、モダンなスタイルのQuestrialのような幅広い見出しフォントと相性が良いです。
バークシャー・スワッシュ + プロキシマ・ノヴァ
Berkshire Swash は大胆でありながらも優しい雰囲気があり、鮮やかな見出しを作り、Proxima Nova のシンプルでモダンなプロポーションと幾何学的な外観と見事なバランスを実現します。手作りの化粧品やデザートには、この組み合わせが最適です。
フォントの組み合わせの基本
リストに探しているものが見つかりませんでしたか?クリエイティブな気分なら、フォントで遊んでみてください 無料のインスタントサイトエディタで 自分だけの美しいフォントの組み合わせを見つけましょう。
従うべき基本的なガイドラインは次のとおりです。
- フォント間のコントラストを作成します(太字と 草書体の、背が高い&低い)
- セリフと
サンセリフ フォント (Libre Baskerville + Signika など)。 - 見出しと本文の両方に、2 つの類似したフォント (たとえば、2 つの筆記体) を使用しないでください。変化をつけることで目を引くことができ、顧客が各セクションに個別に関心を持ちやすくなります。
- フォントはブランドに合うものにしましょう。遊び心のある手書きの文字は、おそらく高級ジュエリーブランドには最適ではありません。
- 自分を制限する
2-3 コンテンツが乱雑に見えないようにフォントを調整します。
また、お読みください。 Ecwid で構築された 50 の模範的なオンライン ストア
- ストアのナビゲーションを修正する方法
- 商品のマーチャンダイジングについて知っておくべきことすべて
- オンラインマーチャンダイジング: オンラインストアでの商品のレイアウト方法
- ファッションマーチャンダイジングとは何ですか?そしてなぜそれほど重要なのですか?
- オンラインストアのデザインミス10選
- eコマースウェブサイトに最適なフォントの組み合わせ15選
- 色彩理論: 色のテーマについて知っておくべきことすべて
- 電子商取引の商品ページのための 7 つのクリエイティブなアイデア
- ウェブデザインにおけるヒーローイメージの力
持っている必要があります オンラインストアで従うべきUXの原則- ウェブサイトデザイン監査
- Eコマース向けUXデザインの力を引き出す
- EコマースにおけるUIとUXの違いは何ですか?