シンプルなウェブデザインコンセプトのカラーマッチング

シンプルなウェブデザインコンセプトのカラーマッチング
(I)ウェブページのカラーマッチングの基本概念

(1)白黒の言葉は永遠のテーマです。誰もそれを悪く言うことはできません。


(2)ウェブページで最もよく使われる人気色
青——青い空と白い雲、穏やかで清楚な色。
緑 - 緑と白、エレガントで活気のある。
オレンジ - 活気があり温かみのある、標準的なビジネスカラー。
ダークレッド - 厳粛、真剣、高貴。刺激的な赤を抑えるために、黒やグレーと組み合わせる必要があります。

(3)色に関するタブー
汚くならないようにしてください。背景とテキスト コンテンツのコントラストが強くなく、灰色の背景は憂鬱な印象を与えます。
純粋さは避けてください。明るい純粋な色は人々に刺激を与えすぎ、意味合いが欠けています。
飛び飛びの色使いは避けましょう。色がどれだけ美しくても、全体の見た目から外れてはいけません。大衆から離れることは、自分自身に屈辱をもたらすことです。

花の使用は避けてください。絵全体に流れるメインカラーが必要です。メインカラーは、最も面積が大きい色ではなく、テーマを最もよく表現し反映できる最も重要な色です。少数派であっても決定的な役割を果たすリーダーのようなものです。

パウダーは避けましょう。明るい色はきれいに見えますが、コントラストが弱すぎると、まるで絶望的な病人のように、全体が青白く弱々しく見えてしまいます。
純粋な青、黄緑、明るい赤は避けてください。

(4)いくつかの固定コロケーション
青、白、オレンジ - 青がメイントーンです。白い背景、青いタイトルバー、装飾としてオレンジ色のボタンまたはアイコン。
緑と白の蘭 - 緑がメイントーンです。白い背景、緑のタイトル バー、装飾として青またはオレンジ色のボタンまたはアイコン。
オレンジ、白、赤 - オレンジがメイントーンです。白い背景、オレンジ色のタイトル バー、装飾として濃い赤またはオレンジ色のボタンまたはアイコン。
ダークレッドと黒 - メイントーンはダークレッド。黒または灰色の背景、濃い赤のタイトル バー、テキスト コンテンツ用の明るい灰色の背景。

2. Webデザインのコンセプト

(1)内容が形式を決める<br />まず内容を充実させ、次にそれをセクションに分け、次にトーンを決め、最後に細部を扱う。

(2)まず全体、次に部分、そして最後に全体に戻る。
全体の状況を考慮して、スペースを埋められるものはすべて埋めてください。次に、モジュールでトーンとデザインを設定します。最後に、満足できない詳細を調整します。

(3)機能がデザインの方向性を決定する<br />ウェブサイトの目的がデザインのアイデアを決定します。商業ウェブサイトは営利目的を強調し、政府ウェブサイトはイメージと権威ある記事を強調し、教育ウェブサイトは学部とコースを強調する必要があります。

3. 設計作業を迅速かつ効率的に完了する方法

(1)世の中の文章はすべて盗作である。
コピーできるかどうかによって異なります。コピーされるのは、アイデア、考え、そして細部の絶妙な装飾です。
インターネットで類似の Web サイトを検索し、気に入ったものをいくつか見つけ、そのうちの 1 つを基本的な青写真として使用し、その利点を自分の Web サイトに統合します。これは最も効率的で迅速な方法であり、結果も得られ、多くのことを学ぶことができます。

(2)デザインフォーラムに参加し、参考資料を探します。

<<:  CSS ボックスを中央揃えするためのよく使われるいくつかの方法 (要約)

>>:  Tomcat プロセスの CPU 使用率が高い場合の解決策

推薦する

MySQL の undo、redo、binlog の違いを簡単に分析します

目次序文【ログ取り消し】 【REDOログ】 【バイナリログ】要約する序文MySQL には、REDO ...

Linux でファイルを削除するさまざまな方法の効率の比較

Linux で大量のファイルを削除する効率をテストします。まず500,000個のファイルを作成する$...

JavaScript ではおそらく switch 文を使う必要はない

目次スイッチも複雑なコードブロックもありませんPythonからのインスピレーション辞書を使用してスイ...

Vueフレームワークで習得しなければならない重要な知識を学びます

1. Vueとは何かVue は、ユーザー ページを構築するためのプログレッシブ フレームワークです。...

MySQL truncate table ステートメントの使用

Truncate table ステートメントは、テーブル内のすべてのデータを削除/切り捨てるために使...

HTML 5 スタイルシートのリセット

この CSS リセットは、Eric Meyers の CSS リセットに基づいて変更されており、特に...

Web ページでの Unicode 文字の使用の概要 (&#、\u など)

初期のコンピュータでは ASCII 文字しか使用できませんでしたが、コンピュータのアプリケーションの...

Vue が価格カレンダー効果を実現

この記事では、価格カレンダー効果を実現するためのVueの具体的なコードを例として紹介します。具体的な...

Docker+Jenkinsを使用して自動的にビルドおよびデプロイする

この記事では、Docker+Jenkins の自動ビルドデプロイメントを紹介し、皆さんと共有します。...

MySQL における悲観的ロックと楽観的ロック

リレーショナル データベースでは、悲観的ロックと楽観的ロックがリソース同時実行シナリオのソリューショ...

rpm を使用して指定されたバージョンの docker (1.12.6) をインストールする詳細な手順

1. 理由システムが Centos7.3 の場合、yum install docker を使用して直...

HTMLページの読み込み速度を上げる方法

(1)HTTPリクエストを減らす。 (リソース ファイルをマージし、イメージ スプライトを使用します...

MySQLは「order by」がどのように機能するかを簡単に理解します

並べ替えの場合、order by は非常に頻繁に使用するキーワードです。インデックスに関するこれまで...

MySQL マスタースレーブレプリケーションの詳細な分析

序文: MySQL では、マスター/スレーブ アーキテクチャが最も基本的かつ最も一般的に使用されるア...