Material Design Liteの文字色・背景色変更用class名と色の見本帳 | Webスクリプターがつぶやくブログ
Googleのマテリアルデザインを使ったWebサイトが作れるテンプレート（CSS/JS/HTMLコンポーネント）「Material Design Lite」には、背景色やアクセントカラーの変更用classが準備されています。カラーパレットのようなツールもサイトには存在します。 Material Design Lite（このページの下の方） http://www.getmdl.io/styles/index.html そのカラーリストがないとどの色が何だかわかりにくかったので、自分用に表にしました。あと、CSS側は全部rgb(0,0,0)の形式で書かれているんですが、#000000のような16進数形式の方が（個人的に）わかりやすいので、変換も行っています。 続きを読む >>
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レイアウト - Google design guidelines
