blog

top > 學展blog

2014.10.23 (Thu)

制作

Googleからマテリアルデザインな無料アイコンがリリース!

0 のコピー Googleからマテリアルデザインな無料アイコンがリリース! 學展ブログ

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

先日10月15日グーグルより発表されたファブレット『Nexus6』。
(ファブレットとは Phone + tablet の造語であり、5インチ以上7インチ未満のスマートフォンのことだそうです。)
そのNexus6に搭載されるAndroid os『Android L』ではUIデザインを一新し『Material Design』という新たなUIデザイン思想で統一されております。

4 グーグルからマテリアルデザインな無料アイコンがリリース! 學展ブログ

・Material Designのガイドラインはこちら
http://www.google.com/design/

そんなMaterial Designにぴったりのアイコンがグーグルよりリリースされました。
なんとその数750個!
PNGデータや高dpiファイルそしてSVGデータでご利用頂けます。

また内容は

・action ・alert ・av ・communication ・content ・device ・editor ・file ・hardware ・image ・maps ・navigation ・notification ・social ・toggle

とWEBデザインやアプリのデザインをする際に使い勝手のいいアイコンを無料でダウンロードすることが出来ます。

ダウンロードはこちら
https://github.com/google/material-design-icons/releases/tag/1.0.0

それではどのようなアイコンがあるのかいくつかみてみましょう!


■maps

1 グーグルからマテリアルデザインな無料アイコンがリリース! 學展ブログ

地図に関するアイコン。
アクセスマップをつくる際に重宝しますよね。


■image

2 グーグルからマテリアルデザインな無料アイコンがリリース! 學展ブログ

カメラに関するアイコン。
カメラアプリ制作の際はぜひこちらのアイコンをご利用下さい。


■editor

3 グーグルからマテリアルデザインな無料アイコンがリリース! 學展ブログ

エディットに関するアイコン。
フォームのデザインなどに使えますね。

アイコンを使って名刺を作ってみた

WEBやアプリの制作に重宝する今回のアイコンですがグラフィックデザインでも活躍してくれます。
ということでこのアイコンを使って名刺を作ってみました。

こちらです!

bizcard-02 グーグルからマテリアルデザインな無料アイコンがリリース! 學展ブログ

可愛らしいでしょ?
文字とアイコンだけのシンプルな名刺ですが
フラットなカラーリングとマテリアルデザインなアイコンはクオリティが高く、寂しい印象になりません。

またSVGデータですのでIllustratorでパスを修正することも可能です。

皆さんも名刺を作ってみてくださいね。

[関連記事]紙や印刷にこだわったクリエイティブな名刺が作れる印刷屋さんのまとめ!
http://www.gakuten.jp/create/bz-card-shop

〆(まとめ)

いかがでしたでしょうか。

ダウンロード必須のこちらのアイコン達。
ぜひぜひみなさんもご活用下さい!

・Material Designのガイドラインはこちら
http://www.google.com/design/

・ダウンロードはこちら
https://github.com/google/material-design-icons/releases/tag/1.0.0

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