Webページデザインの気分を変える最善の方法の1つは、配色を変更することです。気分に影響を及ぼすために色を使用する場合は、色の種類やその色を理解することができます。カラーファミリは、カラーホイールを3種類の色に分割したものです。
- 暖かい色
- クールな色
- ニュートラルカラー
3つのファミリーすべての色を使用するデザインを持つことは可能ですが、ほとんどのデザインは全体的な暖かさ、涼しさ、または中立感を持っています。
温かみのある色彩で活力を取り戻す
暖かい色には、赤、オレンジ、黄色の色合いとそれらの色のバリエーションがあります。彼らは暖かい色と呼ばれています。なぜなら、日光と火の感覚、つまり暖かいものを感じさせるからです。暖かい色を使用するデザインは、活気を与えて盛り上がる傾向があります。彼らはほとんどの人に情熱と肯定的な感情を暗示します。暖かい色は、創造性、祝賀、情熱、希望、そして成功の色になりがちです。
暖色は、赤と黄の2色だけで作成されます。これらの原色は結合してオレンジ色になります。あなたは色を混ぜるときに暖かいパレットでクールな色を使用しません。
クールな色でリラックス
クールな色には、緑色、青色、紫色の色合いとその色のバリエーションがあります。彼らは水、木、夜のような気分を呼び起こすので、クールな色と呼ばれています。彼らは、リラックスした気分、穏やかな気分、そして予備の気持ちを引き出します。クールな色を使用するデザインは、しばしばプロとして、安定して、ビジネス的に見られます。
暖かい色とは異なり、クールな色の中には、青色の原色が1つしかありません。したがって、パレット内の他の色を得るには、赤または黄色を青と混ぜて緑と紫にします。これは緑色と紫色を純粋なクールな色である青色よりも暖かくします。
ニュートラルカラー
ニュートラルカラーは、3原色のすべての組み合わせである茶色と残りの2色、すなわち白と黒で構成されます。色が濁っているか灰色であるほど、ニュートラルになります。ニュートラルデザインは、彼らが感じる感情の多くが、それらに影響を与える暖かくて涼しい色からのものであるため、定義するのが最も難しいです。黒と白のデザインはエレガントで洗練されていると考えられていますが、これらの色が非常に尖っているため、効果的なウェブデザインを作成する際には挑戦的なことがあります。
ニュートラルパレットを作成する別の方法は、色を灰色にするために、暖色または涼しい色に黒または白を加えることです。
ウェブデザインでのカラーファミリーの使用
あなたのウェブデザインで気分を呼び起こそうとしているなら、カラーファミリーはあなたがそれを行うのを助けます。これをテストする1つの良い方法は、3つのカラーファミリーで異なるパレットを作成し、3つすべてを使用してデザインを比較することです。カラーファミリーを変更すると、ページのトーン全体が変化することがあります。
さまざまな色のファミリでWebページを試すことができるサンプルパレットの例を次に示します。
暖かい
- ＃cc333F、＃eb6841、＃edc951
- ＃ffd573、＃ff773d、＃f73e3e
- ＃ffe545、#fefbaf、＃c2a34f、＃fbb829
- ＃ffab03、＃fc7f03、＃fc3903、＃d1024e
クール
- ＃69d2e7、＃a7dbd8、＃e0e4cc
- ＃2a044a、＃0b2e59、＃0d6759、＃7ab317、＃a0c55f
- ＃8ca315、＃5191c1、＃1e6495、＃0a4b75
- ＃8fbfb9、＃6493a7、＃bddb88、＃e0f3b2、＃eefaa8
中性
- ＃d9ceb2、＃948c75、＃d5ded9、＃7a6a53、＃99b2b7
- ＃e6cba5、＃ede3b4、＃8b9e9b、＃bd7578
- ＃d8d0c8、＃d2d0c8、＃cbd0c8、＃c4d0c8
- ＃182009、＃464b35、＃757661、＃d1ccb9
