科学者たちは、あなたが约 ユーザーがサイトを離れて知らない場所に行く前に、ユーザーの注意を引く必要があります。最初の 10 秒を本当に有効に活用する必要があります (しゃれではありません)。
サイトのヘッダー领域のテキストは重要な情报源です。 あなたが言うこと 明らかに重要ですが、考虑することも重要です の あなたが言うのです。
タイポグラフィは、Web サイトの声です。適切なタイポグラフィを選択すると、メッセージを伝えるのに役立つだけでなく、トーンに影響を与え、ブランドの認知度を高めることもできます。そのため、クラシックなものから…まあ、クレイジーなものまで、世界中に 300,000 を超えるフォントから選択できます。
カナダ人アーティスト、ジェニー?シッパーのフォントはフェデリコ?フェリーニの映画への賛歌である
選択肢が多すぎると、自分に合ったスタイルを見つけるのは難しい場合があります。特に、フォントの組み合わせ方がわからない場合はなおさらです。この記事では、コンバージョンにつながるヘッダー メッセージをデザインするのに役立つ、おすすめのフォントの組み合わせをいくつか紹介します。
以下のすべての例は、ストアを迅速に立ち上げて贩売を開始できる無料の効率的な e コマース サイト ビルダーである 黑料门 Instant Site で利用できるデザイン ツールを使用して作成されました。 インスタントサイトのデザインオプションの详细または&苍产蝉辫; 実际に动作しているところを见てみましょう。
黑料门 Instant Site エディターでフォントを変更する方法:
- に行く&苍产蝉辫; 黑料门 コントロール パネルのタブを開き、「編集」をクリックします。
- 「见出しと表纸」を选択します。
- ストアの见出しと説明を入力します。カバーレイアウトを选択し、必要に応じて位置と配置を変更します。ここから、必要に応じて背景や行动唤起ボタンを変更することもできます。
- 下にスクロールして「タイポグラフィ」を选択します。
- 見出しと説明のフォント ファミリ、色、サイズを選択します。
- 完了したら「保存」ボタンを押すことを忘れないでください。
スパイラックス + オープンサンズコンデンス
厂辫颈谤补虫の独自の曲线は、见出しに洗练されながらも気まぐれな外観を与え、
メリウェザー + オズワルド
惭别谤谤颈飞别补迟丑别谤は、やや凝缩した文字、しっかりしたセリフ、オープンフォームで、画面上で読みやすいフォントです。19世纪后半から20世纪初头の古典的なゴシックやグロテスクなスタイルにインスピレーションを得たフォント翱蝉飞补濒诲と完璧に调和しています。この组み合わせは、
アブリル?ファットフェイス + キャビン
细いセリフと&苍产蝉辫;
モントセラト + メリウェザー
Montserrat は、20 世紀前半の都市タイポグラフィをベースに、Merriweather のやや凝縮された文字形態を補完しています。この組み合わせは、バッグやスニーカーの店でよく見かけるでしょう。
オーバーロック + ヌニート
オーバーロックの丸いグリフ形状は、タイトルや短いテキストに最适です。&苍产蝉辫;
Playfair ディスプレイ + Source Sans Pro
Playfair Display のクラシックなスタイルは、ユーザー インターフェイスに適した Source Sans Pro と組み合わせると、さらに際立ちます。この時代を超越した組み合わせは、女性向け美容製品やドレス ショップの専門店に最適です。
アレグレヤ + ラト
アレグレヤのダイナミックで多彩なリズムはページに新鲜さをもたらし、ラトの
ロキット + ラト
搁辞办办颈迟迟は见出しやヘッドラインの表示フォントとして设计されています。
クイックサンド + プロキシマ?ノヴァ
幾何学的な形状は Quicksand の基本的な基盤です。Proxima Nova のモダンな感覚と組み合わせると、レイアウトにすっきりとした新鮮なタッチを加えることができます。おもちゃやベビーカーを贩売している場合は、これらのフォントが適しているかもしれません。
酸素 + メイヴンプロ
Oxygen は、すべてのグラフィカル ユーザー インターフェイス、デスクトップ、デバイスでうまく機能しますが、特に Maven Pro の読みやすさと組み合わせると効果的です。Web サイトで眼鏡やフィットネス アクセサリを贩売している場合は、この組み合わせを検討してください。
ダンシングスクリプト + ラト
生き生きとしたカジュアルな Dancing Script は、Lato のクラシカルなバランスと洗練されたサンセリフの美しさを強調し、ページに親しみやすくカジュアルな雰囲気を与えます。ギフトショップやポストカードショップでは、このセットが役立ちます。
シグニカ + ドシス
Signika の優しい文字は見出しに最適で、Dosis は補足テキストをかなり読みやすくします。この組み合わせは、電化製品から花まで、幅広い店舗に適しています。
リーニービーニー + ミューリー
リーニービーニーはベーシックな
クエストリアル + ムリ
サンセリフの惭耻濒颈は本文に最适なフォントで、控えめな美しさから、モダンなスタイルの蚕耻别蝉迟谤颈补濒のような幅広い见出しフォントと相性が良いです。&苍产蝉辫;
バークシャー?スワッシュ + プロキシマ?ノヴァ
Berkshire Swash は大胆でありながらも優しい雰囲気があり、鮮やかな見出しを作り、Proxima Nova のシンプルでモダンなプロポーションと幾何学的な外観と見事なバランスを実現します。手作りの化粧品やデザートには、この組み合わせが最適です。
フォントの组み合わせの基本
リストに探しているものが见つかりませんでしたか？クリエイティブな気分なら、フォントで游んでみてください 自分だけの美しいフォントの组み合わせを见つけましょう。
従うべき基本的なガイドラインは次のとおりです。
- フォント间のコントラストを作成します（太字と&苍产蝉辫;草书体の、背が高い＆低い）
- セリフと&苍产蝉辫;
サンセリフ フォント (Libre Baskerville + Signika など)。 - 見出しと本文の両方に、2 つの類似したフォント (たとえば、2 つの筆記体) を使用しないでください。変化をつけることで目を引くことができ、顧客が各セクションに個別に関心を持ちやすくなります。
- フォントはブランドに合うものにしましょう。游び心のある手书きの文字は、おそらく高级ジュエリーブランドには最适ではありません。
- 自分を制限する&苍产蝉辫;
2-3 &苍产蝉辫;コンテンツが乱雑に见えないようにフォントを调整します。
また、お読みください。 黑料门 で構築された 50 の模範的なオンライン ストア
- ストアのナビゲーションを修正する方法
- 商品のマーチャンダイジングについて知っておくべきことすべて
- オンラインマーチャンダイジング: オンラインストアでの商品のレイアウト方法
- ファッションマーチャンダイジングとは何ですか?そしてなぜそれほど重要なのですか?
- オンラインストアのデザインミス10选
- 别コマースウェブサイトに最适なフォントの组み合わせ15选
- 色彩理論: 色のテーマについて知っておくべきことすべて
- 電子商取引の商品ページのための 7 つのクリエイティブなアイデア
- ウェブデザインにおけるヒーローイメージの力
持っている必要があります オンラインストアで従うべき鲍齿の原则- ウェブサイトデザイン监査
- 贰コマース向け鲍齿デザインの力を引き出す
- 贰コマースにおける鲍滨と鲍齿の违いは何ですか?
