お好みのマテリアルデザイン配色でHTMLスニペットを一発作成できる Color Tool
マテリアル・デザイン（英: Material Design）は、Googleの開発したデザインシステムで、配色やアイコン、書体、デザインパターンやアニメーションなどのデザインに関する基本原則がまとめられています。実際に、ウェブやモバイルサイト、ChromeやGmailなどにも導入されており、見たことがあるひとも多いでしょう。 BootstrapとMaterial Design Liteの違いを徹底検証！各ポイント10個まとめ このマテリアルデザインの配色やUIコンポーネントのアニメーションなどを、ウェブサイトに手軽に実装できるツール Color Tool が公開されていたので、今回はできることや使い方を詳しくみていきましょう。 マテリアルデザイン「Color Tool」とは Color Tool はマテリアルデザインのカラーパレットから自由に配色を選ぶことができ、お好みの色にカスタマイズす
Googleが提唱する「マテリアルデザイン」の普及をフォローするカラーツールが登場
Googleでは2014年から新しいUX体系として、デバイスの違いを乗り越えて操作性に統一感を持たせ使いやすさを向上させた「マテリアルデザイン」を提唱。声かけだけではなく統一サポートサイトとして「Material.io」を開設し、情報共有や普及に努めています。このサイト内に、アプリにどんなカラーパレットを用いればいいのかを助ける新たなカラーツールが登場しました。 Color Tool - Material Design https://material.io/color/ アクセスすると、最初は下の方がグレーアウトした状態。ページのどこかをクリックすると…… ツールを使えるようになります。左側にページレイアウト、右側に「マテリアルパレット」が置かれています。 ページレイアウトは文字中心のものや画像が中心になるものなど6種類が用意されていて、「＜」「＞」で切り替え可能。今回は5番のレイアウト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material Design
