blog

top > 學展blog

2014.9.27 (Sat)

制作

流行色をあなたのデザインに!流行りの色をまとめたサイトのご紹介

col0 流行色をあなたのデザインに!流行りの色をまとめたサイトのご紹介 學展ブログ

こんにちは、よねちゃんです。

ブログ”本日リリース!ios8の新機能9つをご紹介“でも紹介させていただきました先日リリースされましたios8。
ios7より”フラットデザイン”に一新されios8でも引き続きすっきりとしたデザインでとても使いやすいですよね。
多くのWEBサイトでも見かけるこの”フラットデザイン”で重要なのが色。

パステルカラーや淡くほのかなグラデーションを使うことで鮮やかに、そして主張しすぎないすっきりとした印象を演出しています。

今回はそんな流行りの色をまとめたサイトをご紹介致します。
PhotoshopやIllustrator用のスウォッチのダウンロードできるサイトもございますので
ぜひご覧下さい。

Best Flat Colors for UI Design

col1 流行色をあなたのデザインに!流行りの色をまとめてみた 學展ブログ

フラットなデザインが映えるベストカラーをまとめたこちらのサイト。
色ごとにカテゴライズして表示することもできあなたの欲しかった色にすぐに出会えます。

http://www.flatuicolorpicker.com/new

Color – Style – Google design guidelines

col2 流行色をあなたのデザインに!流行りの色をまとめてみた 學展ブログ

Android OSで採用予定のMaterial Design。
こちらのサイトではMaterial Designのカラーのガイドラインです。

PhotoshopとIllsutrator用のスウォッチファイルがダウンロードできますのでぜひご利用ください。

http://www.google.com/design/spec/style/color.html

Metro UI Colors

col3 流行色をあなたのデザインに!流行りの色をまとめてみた 學展ブログ

Windowsも”8″からすっきりとしたデザインに一新されましたよね。
個人的にはすごく使い易くて気に入っています。
そんなWindows 8で使われているカラーの人気が高いものをまとめたサイトです。

http://colorlib.com/etc/metro-colors

iOS 8 Colors

col4 流行色をあなたのデザインに!流行りの色をまとめてみた 學展ブログ

iOS 8で使用されている色を集めたこちらのサイト。
淡く美しいグラデーションとフラットなカラーを集めております。

http://ios8colors.com/

Photoshop Swatches Library for Flat UI Design

col5 流行色をあなたのデザインに!流行りの色をまとめてみた 學展ブログ

フラットデザインによく使われる色をまとめたPhotoshop用のスウォッチファイルがダウンロードできます。
使い勝手のいい色ばかりですのでぜひダウンロードください。

https://dribbble.com/shots/1070680-Photoshop-Swatches-Library-for-Flat-UI-Design

Flat Niram – Colour Swatches Library for Illustrator & Photoshop

col6 流行色をあなたのデザインに!流行りの色をまとめてみた 學展ブログ

なんと100種類もフラットデザインにぴったりの色をPhotoshopとIllustrator用のスウォッチファイル!
あなたのデザインの幅を広げてくれます。

https://dribbble.com/shots/1453926-Flat-Niram-Colour-Swatches-Library-for-Illustrator-Photoshop

iOS 8 Color Swatches & gradients

col7 流行色をあなたのデザインに!流行りの色をまとめてみた 學展ブログ

iOS 8で使用されている色をまとめたPhotoshop用のスウォッチとグラデーションファイル。
同系色のグラデーションはとても鮮やかで目を引きます。

https://dribbble.com/shots/1734304-iOS-8-Color-Swatches-gradients

〆(まとめ)

いかがでしたでしょうか。
お気に入りの流行色は見つけられましたか。
ぜひぜひあなたのデザインにご活用ください。

學展の開催概要はこちらから >