マテリアルデザインの色とアイコンが探せる「Material Design Colors」

マテリアルデザインの色とアイコンが探せる「Material Design Colors」

今回ご紹介する「Material Design Colors」は、Googleが提唱するマテリアルデザインにぴったりの色やアイコンを探して手に入れることができるサイトです。 (マテリアルデザインって何?という方は、過去記事の「「Google I/O 2015」のWebデザインを要チェック! 」をお読みください☆)

IT業界まるわかりガイドは、日本初Web専門スクールのインターネット・アカデミーが運営する業界情報メディアです。最新の業界情報を、初心者にも分かりやすくご紹介しています。

目次

このサイトでは、アクセスすると最初に4つ大きくカテゴリが表示されます。英語表記をカタカナにすると、左から順に「マテリアルデザイン カラー」「マテリアルデザイン アイコン」「フラットUI カラー」「ソーシャルカラー」のリンクが用意されています。 ※ソーシャルカラーというのは、有名SNSで採用されているブランドカラーのことです。

「マテリアルデザイン アイコン」のカテゴリでは、次のようにマテリアルデザインに合うアイコンがずらりと並んでいて、気に入ったアイコンの上にカーソルを合わせると、下図の赤枠のように対応サイズがずらりと表示されます。

マテリアルデザイン アイコン

その中からほしいサイズをクリックすると、pngデータがダウンロードできます。

アイコンの他にもカラーコードの検索もできるので、マテリアルデザインを採用したWebデザイン制作をする際には、大変重宝するサイトです。 ぜひ、ご覧になってみてください。