2015年人気トレンド色を学ぶ！Webサイト向け配色カラーパレット20個まとめ

 

世界中の複数のデザイナーによって、技術やデザイン力、コンテンツ内容、クリエイティブ度のすぐれたウェブサイトを毎日評価、表彰するAwwwardsというギャラリーサイトをご存じですか。最新のウェブデザイントレンドを確認することができるだけでなく、デザイン制作の際に配色の参考としても最適です。

 

 

グラフィックプログラマーのMatt Deslauriers @mattdeslは、そんなAwwwardsが日替わりで優秀なサイトを選ぶ、Site of the Day（通称SOTD、本日のサイト）のなかで、実際にどのような配色が人気なのかを調査する、実験的なプロジェクトを行いました。

 

 

 

調査されたそれぞれのウェブサイトは、主要カラー3色の円グラフをつかい、視覚的にデータ化されており、どのような配色に人気が集まっているのか、ひと目で確認することができます。今回は、取得した色の中から、2015年のデザイントレンドを反映した20種類の配色カラーパレットをまとめてご紹介します。

 

 

読みやすさを検討した、やさしいミニマルな配色が中心で、これからはじめるウェブサイト制作での配色カラーの参考にしてみてはいかがでしょう。なお、HEXコードを記載したカラーパレットも一緒に追加しているので、コピー＆ペーストで利用可能となっています。

 

 

 

詳細は以下から。

 

 

 

2015年の受賞サイトから学ぶ！人気トレンドのWeb向け配色カラーパレット20個

 

01. Créations Namale By Phoenix The Creative Studio

 

 

02. LEVEL By Vide Infra

 

 

03. Brdr. Krüger By Relax, we are the good guys

 

 

04. Dream Team Katarzyna Konkowska By BrightMedia

 

 

05. L’Avenir, Dental Clinic By Phoenix The Creative Studio

 

 

06. QED Group By madeo

 

 

07. Quay Restaurant by Pollen

 

 

08. Teye By denkwerk

 

 

09. Weber – BBQ Cultures By UncleGrey & MediaMonks

 

 

10. Tens Sunglasses By Elegant Seagulls

 

 

11. Helbak Ceramics By Anders Bergh

 

 

12. Crea Carte By Dataveyes

 

 

13. Suspended Animations 2015 By Baptiste Briel & Flavinsky

 

 

14. Pablo The Flamingo By Pascal van der Haar & Nathan Gordon

 

 

15. Baku 2015 – Follow the flame By Steven Delcourt

 

 

16. Bonhomme By Bonhomme

 

 

17. Well Storied By Tool and Y&R NY

 

 

18. Austrian Summer Moments By Loop

 

 

19. Reebok: Be More Human Experience By Venables Bell & Partners, welikesmall

 

 

20. BRANDTS – Museum For Art & Visual Culture By Stupid Studios

 

 

 

21. Anton & Irene By Anton & Irene, Oleg Chulakov Studio

 

 

 

 

配色完全ガイド！カテゴリー別見本100個とカラーパレットの使い方まとめ

さまざまなジャンルのイメージ写真を元に、100種類のカラーパレットを収録しています。こちらもHEXコードされているので、コピー＆ペーストでどうぞ。

 

 

参照元リンク : Trendy Web Color Palettes and Material Design Color Schemes & Tools – Awwwards