Material DesignでUIデザインをブーストさせよう｜ミカサ トシキ
delyでクラシルのデザイナーをしているミカサです。 今回は、0→1、UIリニューアル、デザインシステム構築などの規模が大きめのUI設計では、Material Designを土台にして始めればOKだよ、という話を書きます。 こちらの記事は、delyのAdvent Calendar #1の18日目の記事です。 昨日の記事はAndroidエンジニアkenzoさんの「Firebase Remote ConfigのConditionsでちょっと複雑な振り分け方を設定する」でした。 dely Advent Calendar #1 dely Advent Calendar #2 はじめに新規プロダクトのUI設計、既存プロダクトのUIリニューアル、デザインシステムの構築など、これらのようなケースでは頭を悩ませることが多く発生するかと思います。 ・カラーをどうするか ・テキストのサイズをどうするか ・どの
Material Icons Guide
This page has moved to developers.google.com/fonts/docs/material_icons.
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マテリアル デザインのガイドライン（日本語版）
MUI: The React component library you always wanted
