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

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

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

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を銀行に開放し、ウェブサイトを刷新する予定

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

推薦する

老舗ロシアホスト:マスターホストの紹介、VPS + サーバー、無制限のトラフィック

masterhost.ru は 1999 年から運営されており、ロシアで最も古いホスティング サービ...

COPE この SEO テクニックとは何ですか?

数日前、海外の SEO ブログで新しい技術を紹介する記事を見ました。そこには「Create Once...

優れた Weibo マーケティング プロモーション プランとはどのようなものでしょうか?

ショートビデオ、セルフメディア、インフルエンサーのためのワンストップサービスWeibo は、企業のニ...

新規サイトの SEO で Baidu の重みを高める方法

「百度ウエイト」という言葉がますます注目を集めています。百度ウエイトが本当に存在するかどうかに関わら...

Webmaster.com からの毎日のレポート: リベート グループ購入で詐欺が頻発、JD.com が配達員の写真を入手

リベートグループ購入では詐欺の罠が頻繁に露呈します。仮想経済に手綱を付ける者は誰でしょうか?最近、買...

アマゾン第1四半期財務報告:クラウドコンピューティング事業の収益は135億ドル

海外メディアの報道によると、アマゾンが発表した第1四半期の財務報告によると、第1四半期の純売上高は1...

2019年、大手企業は補助金戦争をやめるだろうか?

Ele.meがアリババに買収され、BaiduがO2O分野から撤退したことで、Meituanとアリババ...

Robots.txt ルールの誤解と Baidu および Google ロボット ツールの使用に関する分析

以前、robots.txt ファイルの書き方について記事を書きましたが、実際に観察してみると、一部の...

ピザハットと提携して「ノーワークヒーリングセンター」を立ち上げることで、Maimai はどのようにしてブランド体験型マーケティングの反復を実現するのでしょうか?

市場環境は常に変化しているため、エクスペリエンスマーケティングはもはや新しい用語ではありません。19...

アフィリエイトマーケティングで毎日15点以上の商品を販売するためのヒント

アフィリエイトマーケティングは、多くのタオバオ販売者が重視する販売モデルであり、昨年の人気商品が非常...

LeTaoのブランドeコマース垂直B2Cへの転換は徐々に「ニッチ市場」になる

かつては雨後の筍のように急増した垂直型電子商取引は、最近、一連の悪いニュースに見舞われている。先月、...

「Baidu ジャンプリンクを使用してブラックリンクを吊るすことに関する声明」からの考察

百度は18日、「百度のジャンプリンクを利用してブラックリンクを掛ける問題についての声明」という記事を...

ユーザーニーズ分析の実施方法

SEO 最適化を実行したいウェブサイトは、ユーザー需要分析を実施する必要があります。Baidu はユ...

Baidu のサイト全体の 301 リダイレクトの苦痛を経験

ご存知のとおり、すべての主要検索エンジンは 301 リダイレクトを認識しており、301 リダイレクト...

クラウドバーストの定義と応用

今日、パブリック クラウドは、IT インフラストラクチャを構築するための簡単で手間のかからない方法に...