Webデザイナーはチェックしておきたい、最近のUIデザインで注目されているカラーのまとめ(スウォッチ付き)

有名ブランドで採用されているカラーをはじめ、Material DesignやiOS 8で採用されている落ち着いたパステル、同一色相の美しいグラデーションなど。
最近注目されているカラーをまとめたPhotoshopのスウォッチを紹介します。Illustrator用のもいくつかあります。

カラーのキャプチャ

Color palette -Material Design

2015年、多くのWebデザイナーが注目しているMaterial Designで使用されているPhotoshopとIllsutrator用のスウォッチファイル。フラットなカラーと同一色相のグラデが特徴的です。

カラーのキャプチャ

Get 256 brand color swatches for Photoshop

Amazon, Facebook, Twitterをはじめとする256のブランドのカラーをまとめたスウォッチ。
暖色系やブルーのバリエーションが豊富です。

カラーのキャプチャ

iOS 8 Swatches&Gradients

iOS 8で使用されているカラーや美しい同一色相のグラデーションをまとめたPhotoshop用のスウォッチとグラデーションファイル。

カラーのキャプチャ

Vol.1 of Photoshop Swatches Library for Flat UI Design

フラットスタイルのUIデザインに使用されているカラーをまとめたPhotoshop用のスウォッチ。リスト表示にすると、カラーの名称も分かります。

カラーのキャプチャ

Vol.2 of Photoshop Swatches Library for Flat UI Design

上記のFlat UI SwatchのVol.2。
こちらはフラットなスタイルのUIを作成するためのハーモニックカラーのみのセットです。

カラーのキャプチャ

Flat Niram - Colour Swatches Library for Illustrator & Photoshop

フラットなスタイルに合う100種類のカラーをまとめたPhotoshopとIllustrator用のスウォッチ。
今時のカラーがコンパクトにまとまっており、使いやすいです。

カラーのキャプチャ

FlatUI Photoshop Swatch

Flat UI ColorsのカラーをPhotoshop用のスウォッチにまとめたファイル。

カラーのキャプチャ

Copic Swatches for Adobe Photoshop + Illustrator

最後は、イラスト向け。
Copicの358種類のカラーをまとめたPhotoshopとIllustrator用のスウォッチ。

top of page

©2017 coliss