ウェブページのカラーマッチング例分析: 緑色のカラーマッチングウェブページ分析

ウェブページのカラーマッチング例分析: 緑色のカラーマッチングウェブページ分析
<br />緑は黄色と青(寒色と暖色)の中間の色で、より穏やかな色です。そのため、緑は最も平和で、安定していて、寛大で、寛容な色です。それは柔らかさ、静けさ、満足感、優雅さ、歓迎の色です。また、Web ページで最も広く使用されている色の 1 つでもあります。
緑は人間と密接な関係があり、永遠の繁栄を表す自然の色です。生命と希望を表し、若々しい活力に満ちています。緑は平和と安全、発展と活力、快適さと静けさ、リラックスと休息を象徴し、目の疲れを和らげる効果があります。
それ自体が自然や健康に関係する感じがするので、自然や健康に関するサイトでよく使われます。緑色は、企業の広報サイトや教育サイトなどでもよく使用されます。
緑色は私たちの気分を特に明るくしてくれます。黄緑色は、新鮮さ、落ち着き、快適さ、平和、柔らかさ、春、若さ、向上といった心理的な感情を表します。
以下では、緑系の異なる属性を持つ隣接色の色の組み合わせ、同じ色の高純度色と低純度色、対照的な色などに基づいて、さまざまな例の分析を行います。
緑色のウェブページの例: http://www.bacardimojito.com

グリーン分析
上の図の原色と二次色の HSB モード値から、2 つの色は明るさのみ異なり、表示される色相と彩度は同じであることがわかります。純粋な緑は 120 度です。RGB 値の観点から見ると、これらの 2 つの色はさまざまな程度に他の色と混合されているため、純粋な緑からわずかに外れています。緑自体の特性により、ウェブページ全体が安定して快適に見えます。
二次色は明るさだけを下げ、ページに階層感と空間感を与えます。
白いブロックは緑の特徴を最大限に引き出し、視覚的なリズムを高めます。
仕上げのカラーは「仕上げのタッチ」の素晴らしいタッチを完璧に反映しており、非常に魅力的です。ページ全体が突然鮮やかで爽やかになり、ページテーマの表現力を高めます。
結論は
原色と二次色は同じ緑色システムに属し、異なる明るさの変化を通じて徐々に穏やかに変化し、ページの色の重なりをより明確に反映します。数値分析を使用して判断しないと、経験に頼って、2 つの色は明るさだけでなく純度も異なる可能性があると誤解する人もいます。このとき、数値モデルを適切に使用すれば、簡単に正しい結論に至ります。
ページ全体の色は非常に少なく、最大の領域はエメラルドグリーン、2番目の領域は白、3番目の領域はダークグリーンですが、効果は強く目を引くものであり、製品のテーマを十分に表示するという目的を達成しています。
濃い緑色は、人々に豊かさ、健康、成熟、安定、生命、開放感といった心理的な感覚を与えます。
前のページ1 2 次のページ 全文を読む

<<:  dockerでpdflatex環境を設定する方法

>>:  MySQL 権限制御の詳細な説明

推薦する

手の動きをリアルタイムで監視するための Handtrack.js ライブラリ (推奨)

【はじめに】: Handtrack.jsは、ブラウザ上で直接リアルタイムの手の動きの追跡と検出を実...

CSSを使用して円形の波効果を実現する

モバイル デバイスでは、金額を表示するために円形の波グラフィックがよく使用されます。最初は、この効果...

Ubuntu 18.04 のすべての Python ライブラリを一度にアップグレードする方法

ピップとは何かpip は、Python パッケージの検索、ダウンロード、インストール、アンインストー...

初心者向け入門チュートリアル⑨:ポータルサイトの構築方法

さらに、ブログ プログラムで構築された記事 Web サイトは常にブログのように見え、カスタマイズでき...

ElementUIはドロップダウンオプションと複数選択ボックスのサンプルコードを実装します

目次ドロップダウン複数選択ボックスアップグレード - すべてのオプションを追加改訂と改善を求める製品...

jsはシンプルな計算機を実装します

参考までに、ネイティブjsを使用して簡単な計算機(詳細なコメント付き)を実装します。具体的な内容は次...

CSS を使用して 3 列のアダプティブ レイアウト (両側は固定幅、中央はアダプティブ) を実現します。

いわゆる 3 列適応レイアウトとは、両側の幅が固定され、中央のブロックの幅が適応されることを意味しま...

MySqlデータベースの基礎知識のまとめ

目次基本的なデータベース操作2) データベースを表示する3) データベースを選択する4) データベー...

MySQLテーブルを削除する方法

MySQL でテーブルを削除するのは非常に簡単ですが、削除コマンドを実行するとすべてのデータが消えて...

Ubuntu 19にTheanoをインストールする際の問題を解決する

解決: pythearn2 パッケージをダウンロードしたディレクトリで、setup.py ファイルを...

VirtualBox を使用して Mac 上にローカル仮想マシン環境を構築する方法

1. ビッグデータとHadoopビッグデータについて研究し学ぶには、当然 Hadoop から始める必...

jsonファイルの書き方の詳細説明

目次JSONとはなぜこの技術なのでしょうか? JSONの使い方- データ形式- メモ- JSには2つ...

Centos7 での MySQL 5.7.20 のインストールと設定に関する詳細なチュートリアル

1. 公式 Web サイトから MySQL 5.7 インストール パッケージ (mysql-5.7....

HTMLシールドの右クリックメニューと左クリック入力機能の例

右クリックメニューを無効にする <body oncontextmenu=self.event....

JS 1次元配列を3次元配列に変換する例

今日、CSDN の Q&A セクションで友人が質問をしているのを見ました。彼は 1 次元配列...