サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
やろう！確定申告
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 let users 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.
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 display content and actions about a single subject. Explore three types: elevated, filled and outlined.
Material 3 bottom app bars display navigation and key actions at the bottom of mobile and tablet screens.
Discover over 30 Material Design UI components and their functions. Understand how to use them to design intuitive and visually appealing user experiences.
Navigation drawers let people switch between UI views on larger devices. Navigation drawers provide access to destinations in your app.
Progress indicators inform users about the status of ongoing processes, such as loading an app. It show the status of a process in real time.
Foundations inform the basis of any great user interface, from accessibility standards to essential patterns for layout and interaction.
Learn about Material Design typography. This guide covers everything from font styles and hierarchy to line height to create user-friendly text.
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 navigation, actions, and text at the top of a screen. They contain a title and actions related to the current screen.
Layout is the visual arrangement of elements on the screen. It directs attention to the most important information and makes it easy to take action.
Material Symbols is a variable icon font with thousands of fonts across seven weights and three styles.
このページを最初にブックマークしてみませんか？
『Material Design』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
