あなたのインスピレーションのための30の美しい三色のウェブサイト

色はデザインに大きく影響します。しかし、多すぎる色を使用したデザインは、視聴者を圧倒します。最小主義のアプローチが訪問者の目を特定のコンテンツ、つまり正しいコンテンツに引き付けるのに役立つことがあります。.

この一連のウェブサイトでは、3色を使用したデザインに焦点を当てました。 一次 デザイン要素ただし、これらのサイトのいくつかには、3つのメインカラー以外に1つまたは2つのハイライトカラーが含まれています。それにもかかわらず、これらのウェブサイトはあまりにもよくできすぎていて、我々が助けることができなかったがこのコレクションにそれらを含めることができた3色の基準に十分に近い.

色によって、必要な場所に注意を集中させることができます。ブランドがこれらのデザインのそれぞれにどのように結び付けられているかわかりますか。また、限られたカラーパレットと一緒にフルカラーグラフィックスを使用することが、ミニマリストデザインの道をそれほど踏みにじることなく依然として有用であることもわかります。次の例はそれを示しています 最大3色を使用するWebサイト まだ効果的でありえます.

イメージ力学

サイト上の重要なコンテンツに目を向けるのにちょうど十分な色を使用する、素敵なミニマリストデザイン.

nclud

大きく青い写真の背景は、白の本文と緑のブランド名とは対照的で、読者の注目を集めます。水色のテキストは、会社の簡単な説明と印象的な顧客のリストを見下ろします。階層を作成するための色のいい使い方!

ロフト

白地にグレーの色合いが異なると、このWebページには洗練されたシンプルな外観が与えられます。ページメニューの色付きのテキストは、サイト内を移動する際のガイドとして機能します。.

デブ男コレクティブ

ブランドの外観やトーンと同じように、このWebサイトのデザインも「短くて甘い」ものです。ブランド化された外観を維持しながら進む方法!

クリエイティブスパーク

イラストのマイナス、このウェブサイトはそのデザインに3色だけを取り入れています：黄色、黒、そして白、あなたがそれについて考えるとき、それは電球への良い参考です。電球は、Creative Sparkという会社名でうまく機能します。面白い.

ペパーミント

かわいい名前とかわいいほとんどが3色のデザイン、これはシンプルでありながら同時にクリエイティブです。.

セルゲイ・スタンチェフ

暗い配色と色の限られた使用はこのサイトに洗練された、プロフェッショナルなルックアンドフィールを与えます.

デジムライ

イラストの背景とかわいい小さなマスコットとオレンジとブルーのテキストカラーが調和.

コーズキャスト

白地にグレー、ブルー、ピンクの色調が非常に「幸せ」で、ボランティア活動や慈善事業に適しています。.

アステリア

この巧妙なデザインは、まあ、薬の色を使います！白、グレー、青は通常、ピルボックスに表示される色です。そのため、これらのデザイナーは、「デザインは薬です」という考えで本当に走りました。

デイブエアリー

ああ、David Airey、グラフィックデザインブログコミュニティで最も人気のあるブランドアイデンティティデザイナーの一人。彼のサイトは、白地に黒、オレンジ、グレーのテキストのみを備えたミニマリストです。シンプルだが効果的!

エドゥアルドデラロッケ

織り目加工の背景は、一部の人が履歴書や履歴書の印刷に使用する高級紙のように見えます。マウスオーバーしたときにピンクがかった赤色のテキストが薄い灰色にフェードアウトすることも興味深いです。.

エイトフェイス

このデザインで使用される主な色は、黒、白、およびグレーと、いくつかのオレンジ色のテキストです。これらの色は、このウェブサイトに一種の「ニュース」の外観を与えます。.

熱

このデザインでは、濃いグレーと薄いグレーと赤が同じ意味で使用されています。このデザインはどこで使われているのかという点でもう少しうまく整理されているかもしれませんが、彼らはタイトルの3色にとてもよくこだわりました。.

ステファンコイソン

このサイトは、シンプルなWebサイトのレイアウトで3色を非常に効果的に使用しています。テキストは整理しやすいかもしれませんが、緑のハイライトは白黒のテキストと比べて際立ちます。.

ジョンタンジェリン

さて、これは3色配色を少し超えて伸びているもう一つのものです、しかしそれはそれがそれがそれを叫ぶのが「私を見てください！」と叫ぶのはとても美しいサイトです黄色のハイライトとテキストリンク（少しオレンジ色の下線付き）は、黒とグレー、そして時折白いテキストとはよく対照的です。綺麗な!

マーティンヒップ

ダークグレー、ブラック、そしてグラスグリーンが上品に融合し、プロフェッショナルでありながらユニークな外観をしています。.

最小限のサイト

白地に黒、グレー、そして明るい色を使用したパターンに気づき始めましたか？たぶんこのタイプの配色はそれが注意を引くのにちょうど十分な色でミニマリストの外観を作成するので人気があります…そしてこのウェブサイトも例外ではありません.

運動理論

側面の黒い帯は、「フィルム」のルックアンドフィールに追加される素敵なタッチです。グレーと赤のテキストはこのサイトをシンプルにしています、それは含まれなければならないすべての画像にとって非常に重要です.

帰り道

青とグレーの色合いが、このデザインをシンプルかつ伝統的なものにしています。重要なテキストに注意を引くために3つの異なる色がうまく使われています.

穀物とグラム

このウェブサイトは、ダークグレー、グレインカラー（タイトルに合わせて）、そして白の男らしい色で「紳士的」な魅力を創り出す素晴らしい仕事をしています。.

素晴らしいフォントスタック

黒とグレー（そしてほんの少しの白いテキスト）とともにオレンジは、このテキストが多いサイトを分割して面白くするのに役立ちます。.

ゆな

このサイトは主に幾何学的形状の濃いグレーと薄いグレーを使用していますが、青もハイライトカラーで、ピンクも少し使用しています。つまり、これは黒、グレー、ハイライトの配色の別のバリエーションです。.

五角形

グレー、白、そしてたくさんの青がとてもシンプルな配色になっています。その一方で、青は少し圧倒的に思われる、と点滅するグラフィックはあまり役に立ちません.

ラジオでグラフィックデザイン

技術的には、このサイトは約3色しか使用していません。白いボックス内の黒とグレーのテキスト、およびピンクのテクスチャ背景。ちょっと待って！ページを閉じて再度開くと、背景は青、いいえ、黄色になります。さて、あなたは今、ページを再び開くのをやめることができます。がっかりするのはたった3色しかないからね。?

ピクセルボット

繰り返しますが、ダークグレー、ライトグレー、ハイライトカラーは、シンプルで効果的なWebデザインの配色になります。.

サイトインスピレーション

マウスを置いたときにテキストの色が変わるのは楽しいことですが、この機能を利用するのは少しやり過ぎかもしれません。しかし、多分彼らは彼らの単純な、3色のデザインのためにそれをうまくやることができます.

ステファン・ペルソン

オレンジと白のグレー/ブラックは、この非常によく整理されたデザインに追加されます。それぞれの色は厳密な使い方に固執しているように見えます。そしてそれは本当にこのサイトのナビゲーションを素晴らしい高さへと導きます.

ファウスト

シンプルな配色は、このサイトの忙しさを和らげるのに役立ちます。しかし、オレンジ色が少なければ、デザインの効果はさらに高まります。.

産業施設

このサイトのナビゲーションは少し異なっていて、いつもお勧めできません。それでも、ダークグレー、ライトグレー、ホワイトの配色はサイトをかなりシンプルに保ち、かなり早く習得するのに役立ちます。.

編集者注： この投稿はによって書かれています タラ・オナー Hongkiat.comのために。 Taraは英語の学位を持ち、マーケティング、広告、ブランディング、グラフィックデザイン、およびデスクトップパブリッシングについて書いています。彼女の執筆キャリアに加えて、Taraはまた彼女の夫と2人の子供と過ごす時間を楽しんでいます.