赤色のウェブページとテキストの色の組み合わせに推奨される色の組み合わせ

赤色のウェブページとテキストの色の組み合わせに推奨される色の組み合わせ

赤はウェブデザインで人気のある選択肢であり、朱色、深紅など、さまざまな赤があります。これらのさまざまな「赤」をどのように組み合わせればよいでしょうか。どの色を使用すると、より調和がとれ、魅力的になりますか。

1. 朱色

朱色は中国の伝統的な色の名前です。朱色は辰砂の色です。明るい赤(R:255 G:0 B:0)よりも活気と情熱があり、色の純度も高くなります。朱色、辰砂などとも呼ばれます。

朱色は特徴がはっきりしていて、人々に興奮感を与えやすい色です。食品、プロモーション、祭り、ファッション、レジャーなどのウェブページでよく使われます。

推奨される最適な色の組み合わせ: 黒、明るい赤、オレンジ、カーキ、ライトグリーン、ダークグリーン。

ウェブデザインのマッチングスキームの推奨:メインカラーはダークブラウン(R:200 G:0 B:0)、セカンダリカラーは黒(R:0 G:

キャラクターカラーは、ダークグレー(R:240 G:65 B:85)、瞳の色は純白、背景色は朱色(R:240 G:65 B:85)です。

分析: 朱色 + 黒 + 白

朱色は赤の中でも彩度と明度が非常に高いため、Webページで使用すると特に目立ちます。補助色の黒は朱色と強いコントラストを形成し、目を引く朱色を抑え、朱色の模様(絵)を際立たせます。仕上げ色の純白は主にナビゲーションやロゴに使用され、Webページ全体の調和を保ち、より鮮やかにします。

2. 深紅

深紅の明度は明るい赤よりも低いですが、このタイプの色の明度が暗くなるにつれて、深みのある、または憂鬱な雰囲気を演出できます。それは人々に安定して高貴で、成熟して受動的な視覚的感覚を与えます。

背景色に濃い赤を使用すると、前の画像や明るい色のテキストと明確に区​​別でき、メインのテキストの中心を強調できます。

おすすめの色の組み合わせ:黒、オレンジ、茶色、カーキ

推奨されるウェブデザインのマッチングスキーム:メインカラーはダークブラウン(R:60 G:0 B:8)、セカンダリカラーは純粋な黒、ハイライトカラーは純粋な白、背景色はダークレッド(R:145 G:0 B:17)です。

分析: 濃い赤 + 黒 + 白

深紅は、明るい赤の明度を下げて得られる色です。明度が低いため、深紅は人々に深み、高貴さ、落ち着いた心理的感覚を与えます。補助色の黒はコーディネートの役割を果たすことが多く、絵をより調和のとれたものにします。白は仕上げの色であり、スローガンや商品名など主題を目立たせることが主な目的です。

3. ローズレッド

ローズレッドは、化粧品や衣料品など、女性をテーマにしたウェブページでよく使用され、魅力的で華やかな雰囲気を与えることができます。

最適な色の組み合わせの推奨事項: 明るい赤、黒、緑、カーキ、白

Webデザインのマッチングスキームの推奨:メインカラーはローズレッド(R:228 G:52 B:100)、セカンダリカラーはピュアブラック、仕上げカラーはグリーン(R:100 G:148 B:43)、背景色はブラウン(R:130 G:24 B:47)

分析: ローズレッド + ブラック + グリーン

ローズレッドは、赤系の中でも寒色系の色に属し、ブラウンとローズレッドは異なる明度で統一感を持たせています。少し地味ですが、仕上げにグリーンを加えることで、ページがより鮮明になり、原色と二次色がはっきりして魅力が溢れています。

4. ピンク

一般的にライトレッドやプリンセスレッドと呼ばれるピンクは、可愛らしさ、ロマンス、ファンタジーを表し、昔から女の子に人気の色です。したがって、ピンクが優美さ、魅力、穏やかさ、甘さなども伝えるため、ピンクが中心のページは、より女性的なテーマを持つ傾向があります。

最適な色の組み合わせの推奨事項: 黒、明るい赤、茶色、カーキ

推奨されるWebデザインのマッチングスキーム:メインカラーはピンク(R:250 G:160 B:198)、補助色は純白、仕上げ色はシアン(R:158 G:228 B:228)、背景色はピンクです。

分析: ピンク + 白 + シアン

ピンクは、赤色系の中では高明度な色であり、赤色系の中では寒色系でもあります。ピンクと白の背景の組み合わせは、明度が非常に高いため、強いコントラストは形成されず、より調和がとれています。ロゴを強調するために、通常、シアンの仕上げが使用されます。

5. 赤+緑分析

赤と緑の組み合わせは、クリスマスなどの活気のある Web ページなどの介入によく使用されます。

赤と緑は対照的な色なので、赤の中では緑はより緑に見え、赤はより赤く見えます。白と合わせることで視覚効果を和らげることができ、より生き生きとした印象になります。

6. 赤+黄の分析

赤と黄色の組み合わせはシンプルで安全な配色で、食べ物やカジュアルファッションなど、新鮮で活気のある Web デザインでよく使用されます。赤と黄色は明るさと純度が似ている隣接色なので、Web ページに調和のとれた柔らかく快適な雰囲気を作り出すことができます。

7. 赤色のテキストカラーマッチング

ウェブページのデザインにはさまざまな配色がありますが、ウェブページのコンテンツのニーズに応じて、赤をメインカラーとして使用するウェブページは比較的少なく、印象的な効果を出すために仕上げや補助色として使用されることが多いです。

赤いテキストを一致させる場合、主に 2 つの考慮事項があります。強調するために使用される場合は、黄色や白などのコントラストの強いフォントで表示する必要があります。全体的な一貫性を保ちたい場合は、菊に似た色や、純度と明るさが近い色を混ぜるといいでしょう。オレンジイエローがよい選択です。

まとめ:この章では、さまざまな赤と合わせるべき色、赤と他の色を合わせたときの効果、赤いテキストの色合わせについて説明しました。この記事は、www.banjiabaojia.com 引越し会社の Slc によって書かれました。転載する場合は出典を明記してください。著作権を尊重することはすべての人の責任です。もちろん、レッド系の説明はここで終了です。次回の記事では、オレンジ系のWebデザインの説明に入ります。


元のタイトル: 赤いウェブページのカラーマッチングの推奨事項とテキストのカラーマッチング

キーワード: 赤いウェブページ、カラーマッチング、テキストの色、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化

<<:  ウェブマスターネットワークからの毎日のレポート:アリファイナンスはFacebookを銀行に開放し、ウェブサイトを刷新する予定

>>:  ポータルのブレークスルー: モバイル側での集中型レイアウトから分割型レイアウトへ

推薦する

2019年のインターネットトラフィック不安!

コア視点モバイル電子商取引ユーザーの成長率は大幅に低下しました。電子商取引市場におけるGMVの成長率...

JVM における TLAB の謎を解明

[[413891]]この記事はWeChatの公開アカウント「プログラマーの成長」から転載したもので、...

重慶美人コンテストを例にロングテールキーワードマイニング法を見てみましょう

重慶美人コンテスト事件はインターネット上で大騒ぎとなり、検索ボリュームが急上昇するなど話題となった。...

anynode: 新年プロモーション、ラスベガス VPS、年間 15 ドル、2G メモリ/1 コア/30g SSD/3T トラフィック

anynode は VPS の老舗ブランドの 1 つです。同社の新年プロモーションでは、米国ラスベガ...

ロシアのホスティングプロバイダー:Hostlandの紹介、無制限のトラフィックVPS

hostland.ru は、10 年以上の運営歴を持つ老舗ホスティング会社です。ロシア市場では比較的...

新華社はチケット奪取プラグインの停止について次のようにコメントした。「あなたは愚かで、他人が賢すぎると責めている。」

原題: 新華社、チケット奪取プラグインの停止についてコメント: 自分が愚かなら、他人が賢すぎると責め...

百度、3B事件に初めて反応:競争を歓迎し、悪質な侵害に反対

南方都市報記者謝睿、高玲雲、研修生欧景紅 百度と奇虎360の戦いが本格化した。1日後、双方は一時的に...

ロボットの役割とよくある問題について議論する

まず、ロボットの役割と用途について説明します。ロボットは、Web サイトと検索エンジン間の合意です。...

QQグループプロモーションのマーケティング効果を高める方法

今日のプロモーションとマーケティングの方法は多様で、最もよく知られている電子メールプロモーション、フ...

ウェブサイト構築におけるキーワードの重要性を理解する

SEO は幅広く奥深いテーマです。本当に理解したければ、短期間でできるものではありません。長いプロセ...

5つの側面からページの価値を判断する方法

ユーザーが特定の単語を検索したときに検索エンジンが返す結果に関して、一致度に関係なく重みの高いページ...

私たち自身の計画では、ウェブサイトの過度な最適化を避ける方法について説明しています

インターネットでは、大手ウェブマスターがウェブサイトの過剰最適化について議論しているのをよく見かけま...

アカウント復旧サービスの観点からNetEase Mailboxのユーザーエクスペリエンスを分析

羅博宇さんは2002年からメールを使っています。最初はHotmailを使っていましたが、その後、Ho...

WeChatはサービスアカウントに年会費を課すという噂がある。テンセント:ノーコメント

北京ニュース(劉霞記者)WeChatは商業化に向けて重要な一歩を踏み出すかもしれない。昨日の市場ニュ...

実行することで、新しいサイトの組み込み速度が向上し、3つの詳細を把握して、半分の労力で2倍の結果を達成できます。

新しいウェブサイトの立ち上げが成功するかどうかは、多くのウェブマスターの努力の成果です。そのため、多...