albatrosary's blog

Azure と Angular と Wercker CI とか

Material Design Advent Calendar 9日目:Resources

Material Design ガイドにある「Resources」を紹介します。このエントリーは「Material Design Advent Calendar 2014」12月9日の記事です。

Material Design Advent Calendar 2014 - Adventar

Color palettes

zipファイルには、Adobe PhotoshopAdobe Illustrator でインストール可能な色の見本が含まれています。zipファイルに含まれている .aseファイル や .acoファイルをインストールする方法の手順はme.pdf を見てください。

Color Swatches

Layout templates

Mobile

モバイルレイアウトテンプレートは、10のスクリーンが含まれています。キーラインと間隔の規則からオンとオフを切り替えるには、レイヤーパレットを使用してください。

Mobile Whiteframe

Tablet

タブレットレイアウトテンプレートは、14のスクリーンが含まれています。キーラインと間隔の規則からオンとオフを切り替えるには、レイヤーパレットを使用してください。

Tablet Whiteframe

Desktop

デスクトップレイアウトテンプレートは、4つの画面と4つの異なるウィンドウサイズが含まれています。キーラインと間隔の規則からオンとオフを切り替えるには、レイヤーパレットを使用してください。

Desktop Whiteframe

Whiteframes

Whiteframesは表面、階層化、および影に一貫性のあるアプローチを使用してレイアウト構造の多様性を提供します。

Whiteframes

Roboto & Noto fonts

Androidで使われているフォントRobotoの最新バージョンは、両方のモバイルウェブ利用のために設計されています。

Roboto Font

Roboto Specimen Booklet

NotoはRobotoでカバーされていないすべての言語のためのAndroid上で標準書体です。

Get Goto

Sticker sheets & icons

Components

ステッカーシートが反映するように更新されましたコンポーネントへの最新の改良と総合的なステッカーシートに統合し、使用する方が簡単です。

ステッカーシートでは様々な要素を見つけることができます。レイアウトの構成、ステータスバーの明暗、アプリバー、ツールバー、カード、ドロップダウンメニュー、検索フィールド、ディバイダー、サイドのナビゲーション、ダイアログ、フローティングアクションボタン、およびその他のコンポーネントです。 ステッカーシート要素は 8dp のグリッドで整列し、タイプのベースラインは4dpグリッドです。 オフセットテキストボックスがリードする(Type > Area Type Options)に設定されています。ステッカーシートはまた、任意のテキストボックスに使用できる文字スタイルが含まれています。

Components stricker sheet for Adobe Photoshop

Components stricker sheet for Adobe Illustrator

Components stricker sheet for Sketch

System icons

Material Design System のアイコンは、異なるアプリケーションで使用される一般的なアイコンが含まれています。メディア再生のために使用されるアイコンとして、コミュニケーション、コンテンツ編集、接続性、等々。ダウンロードは、〜750アイコンが含まれていて、svgとすべてのデバイス用の適切なpng画像サイズ、そしてpngsvgの両方のスプライトを提供しています。

System icons