参考にしたい!カラフルな配色のイケてるサイト5選

はなつか
はなつか

どうも、デザイナーのはなつかです。

前回、「影を感じる?無彩色をメインとしたイケてるサイト5選」という記事を書かせていただきまして、
今回はその逆、多色使いのカラフルなイケてるサイトを紹介します!

webサイトを作るにあたって、基本的にベースカラー・メインカラー・アクセントカラーの
3色で構成されてるものが多いと思います。

色をたくさん使いすぎると、まとまりが無いように見えてしまいますので、
私もサイトをデザインする際は、3色〜4色で収めるように意識しています。

今回は、その基本を取っ払ってカラフルで尚且つ、まとまりのある素敵サイトを集めてみました。

わーすた オフィシャルウェブサイト

https://wa-suta.world

可愛い(確信)
装飾やバナーに使われているカラーは明度高めの柔らかいカラーですが、
背景にビビッドな黄色を使用することよって、はっきりした印象を持たせています。
ビビッドカラーとパステルカラーのバランスが良くて素敵です。
あとTOPのカレンダーやブログが丸になってるの、すごく可愛いです。

ウマにときめく、とっておきの週末。 UMAJO

http://umajo.jra.jp

最近、流行ってる気がします。競馬。
かく言う私も競馬好きです。
こちらのサイトは競馬好きな女性に向けたサイトです。
ターゲットが女性なので、パステルカラーで統一されてますね、
全体的にふわっとしたカラーなので、写真がよく映えています。

FELISSIMO 500色の色えんぴつ TOKYO SEEDS|フェリシモ

https://www.felissimo.co.jp/500/index2.cfm

こちらのサイトは結構知ってる方も多いと思います。
フェリシモさんの500色の色えんぴつの紹介ページです。
やはりサイトも500色使われているのでしょうか…とても鮮やかです。
カラー数は多いですが、白ベースなので、すっきりした印象です。

FES☆TIVE公式サイト #FES☆TIVE

http://festive.rizepro.net

全体的に彩度高めですね。
文字も大きめで元気でパワフルな印象を持ちます。
背景のドット柄やボタンを押した時のアニメーションもあって視覚的に楽しいです!

ルルルンプラス シリーズ-フェイスマスク ルルルン【公式】

https://lululun.com/plus/

こちらはフェイスマスクのサイトです。
商品ごとに色分けされているのですが、くすみカラーでまとまっています。
ネイルやファッションでは流行ってるくすみカラーですが、webだとどうなるんだろうと思っていましたが
暗くなり過ぎず、落ち着いた印象を与えていて素敵です!

まとめ

多色使いでも全体のトーンが同じパターンが多かったように思います。
トーンを揃えればカラフルでもまとまりのあるデザインになりそうですね!
あと、それぞれのメンバーカラーがあるアイドルのサイトは、カラフルなものが多かったです。

みなさまのデザインの参考になれば幸いです。
ではまた〜

WEB制作・システム開発承ります お気軽にお問い合わせください WEB制作・システム開発承ります お気軽にお問い合わせください