2017年DroidKaigi「エンジニアが武器にするMaterial Design」に感化され、わが社でもデザイナー向けマテリアルデザイン勉強会をしてみようと思います。スライド いつの日か「わぁー、イケてるね！（わくわく）」みたいなデザインができる日が来ることを祈って、説明向け資料をまとめていきます。 Part.1 : マテリアルデザインの概観 次回 Part.2 : マテリアルデザインのコンポーネント（小） マテリアルデザインってなんなのさ？ 物質デザイン。デザインパーツを物質として捉え、現実世界のルールに沿うことで、ユーザに直感的な操作を誘導するデザインのこと。 基本の考え方 マテリアルデザインとは紙とインクの要素で出来ている オブジェクトの重なりを物質的に捉える（３次元） 意味のあるアニメーションでより直感的に 紙とインク 紙？ UIパーツは紙でできていると考える。 紙は以下の特徴
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進数形式の方が（個人的に）わかりやすいので、変換も行っています。 続きを読む >>
Ready-to-use foundational React components, free forever.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
