サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
ドラクエ3
m3.material.io
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Implement Material Design with code and developer documentation for MDC-Android, Flutter, Jetpack Compose, and the Web.
Material Web is Google’s component library for building applications that work in any web framework.
Lists are continuous, vertical indexes of text or images.
Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.
Buttons help people take action, such as sending an email, sharing a document, or liking a comment.
Components are interactive building blocks for creating a user interface.
Dialogs provide important prompts in a user flow. They can require an action, communicate information for making decisions, or help users accomplish a focused task.
Cards contain content and actions about a single subject.
A bottom app bar displays navigation and key actions at the bottom of mobile screens.
Navigation drawers provide access to destinations in your app.
Progress indicators inform users about the status of ongoing processes, such as loading an app, submitting a form, or saving updates.
Foundations inform the basis of any great user interface, from accessibility standards to essential patterns for layout and interaction.
The Material Design type scale includes a range of contrasting styles that support the needs of your product and its content.
Styles are the visual aspects of a UI that give it a distinct look and feel. They can be customized by changing your Material theme.
Gestures let users interact with screen elements using touch
UI text should be understandable by anyone, anywhere
Top app bars display information and actions at the top of a screen, such as the page headline and shortcuts to actions like search and the overflow menu.
Layout is the visual arrangement of elements. It directs attention to the most important information on the screen and makes it easy for users to take action.
Icons can be used to represent common actions. Material Symbols are a set of variable icon fonts created at seven weights across three different styles.
このページを最初にブックマークしてみませんか？
『Material Design』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
