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

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

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

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

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

推薦する

JVM の 3 色マーキングと読み取り/書き込みバリア

この記事は、Lao Zheng 氏が執筆した WeChat パブリックアカウント「運用と保守の開発ス...

クラウドドメイン名の価格が高騰し、クラウドドメイン名やyunドメイン名が人気に

大手インターネット企業はクラウドサービスを立ち上げ、買収や登録を通じてクラウドドメイン名を取得しまし...

virmach: 年間 25.8 ドル、KVM/4g メモリ/3 コア/40g SSD/2T、Windows 対応

今年のブラックフライデーとサイバーマンデー後も期限が切れていないvirmachの割引をいくつか整理し...

Baidu Statisticsを正しく使う方法

Baidu Statistics は、Baidu がリリースした無料のプロフェッショナルなウェブサイ...

初心者向けのローカルグループ購入ウェブサイトの構築方法

みなさん、こんにちは。A5 Webmaster Network に投稿するのは今回が初めてです。地元...

ウェブサイト分析: 主要なデジタル E コマース コンテンツのオンライン最適化 (パート 2)

【1号につき1文】イノベーションを効果的に保護しなければ、イノベーションは生まれません。私たちにはス...

Guo Ang: Baidu の Green Radish アルゴリズムは何に影響を与えましたか?

最近、Baidu の Green Radish アルゴリズムが導入され、多くのウェブサイト所有者に影...

Zookeeper が分散ロックとして誕生したのはなぜですか?

分散ロックとは何ですか?分散ロックは、分散システム間の共有リソースへの同期アクセスを制御する方法です...

K8sにVictoriametricsをインストールする

背景前回は、victoriametrics とそのインストール時の注意事項について紹介しました。今日...

IDCは、天一クラウドが政府パブリッククラウドインフラ市場で再びトップにランクされたというレポートを発表しました。

IDCは2月3日、「中国スマートシティ半期データ追跡レポート:政府クラウド編」を発表し、中国電信天一...

友好的なリンクを交換する際に注意すべき4つのポイント

ウェブサイトの最適化に携わる専門家は、ウェブサイトのランキングを決定する 3 つの要素は、フレンドリ...

激しい競争に直面しているウェブサイト運営者は、自分自身と相手の両方を知る必要がある

「自分自身と敵を知って初めて、あらゆる戦いに勝つことができる」という古い格言があります。同様に、現在...

無料クラウドサーバートライアル: digitalocean、100 ドルのトライアルクレジット、1 年間有効

無料のクラウドサーバーや無料の VPS を探している人は多いため、試用をサポートするクラウドサーバー...

vmiss香港vpsはどうですか?香港の簡単なレビュー - BGP V3 シリーズ香港 VPS

vmiss は最近、香港 Netlab データ センターに VPS を追加しました。このシリーズは「...

SEOで競合を分析する方法

私がいつも気に入っていて、SEO の道を進み続ける意欲を掻き立ててくれる一文があります。それは、「考...