Google

Googleの新しいデザインガイドライン、Material Designのテンプレートダウンロード

001

先日Googleより発表されたマテリアルデザイン。
多くの開発者にデザインの統一性を持たせるためにそのガイドラインが公開されました。

- Google Design

一見フラットデザインのようにも見えますが、ドロップシャドウを残したりと「素材感」を生かす方向性も見え、確かにフラットには見えるけど、どちらかというとリッチデザインに近いのかもしれません。というより、うまくいいとこどりしてる感じがします。

 

Illustrator用のテンプレートダウンロード

- モバイル用
- タブレット用
- デスクトップ用
- ワイヤーフレーム

002

デスクトップ用は21枚のアートボードで説明されています。

 

003

全てのレイヤーを表示するとこんな感じ。

 

004

もちろんRobotoフォントは必須です(笑)。

 

Roboto Fontのダウンロード

005

- Roboto Font(TTF形式)

カラーパレットのダウンロード

 006

カラーパレットもあります。至れり尽くせり。

- Color Swatches(Photoshop, Illustrator用)

カラーのインストール方法は、
■Illustratorの場合
「Macintosh HD > アプリケーション > Adobe Illustrator CSx > プリセット > ja_JP > スウォッチ」内に入れる。
■Photoshopの場合
「Macintosh HD > アプリケーション > Adobe Photoshop CSx > Presets > Color Swatches」内に入れる。

 

Material design by Google

 

Google