Hatena Blog Tags
はてなブログ トップ
Material Design
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Material Design

(ウェブ)
【まてりあるでざいん】

物質的なデザイン。

Googleのデザイン体系

→　マテリアルデザイン

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
テコテック開発者ブログ•1ヶ月前

Material Theme Builderの活用法(Figma)

本投稿は TECOTEC Advent Calendar 2025 の19日目の記事です。 こんにちは、システム開発第二事業部の飯髙です。 最近はFlutterアプリ開発に携わっています。 アプリ勉強の傍ら、Figmaを利用してデザインの勉強を進めております。 Material Theme Builderを知っていますか？ Figmaのプラグインで、カラーシステムを簡単に設定・導入できるものになります。 カラーシステムとは？利用できたら開発効率が上がるのか？ 気になったため、今回はこちらを調査しました。

#figma#Material Design

関連ブログ

ガジェゲーの森•2ヶ月前

必見！Android 16の新デザイン「Material 3 Expressive」と、知らないと損するデザイン新原則

どうも、管理人です。 Google Blogより UXデザインの世界に次なる波が来ています。Android 16へのアップデートを機に、Googleが新たに送り出したデザインシステム「Material 3 Expressive」は、その名の通り、UIに豊かな「表現力」と「個性」を吹き込みます。 「これまでのデザインと具体的に何が違うの？」 「結局どのアプリも似た印象になりがち」 この記事では、そんな疑問や悩みを持つデザイナーや開発者に、Material 3 Expressiveとは何か、その核心的な変更点、そしてどう使いこなすべきか、そのメリットや使い方、設定方法など、あなたが知っておくべき全…

#Material Design#Android#Android16#Android 16#Google#グーグル
Xtone Design & Tech Talk•7ヶ月前

Androidアプリ開発のUI実装進化：黎明期からMaterial 3 Expressiveまで時系列で徹底解説

1. はじめに こんにちは、xtone Androidエンジニアの石原です。 本記事では、AndroidのUI実装がどのように進化してきたのかを、黎明期、Material Design、Material 2、Material You（Material 3）、そして最新のMaterial 3 Expressiveまで、時系列で分かりやすく解説します。 技術に詳しくない方にも理解しやすいよう、背景や現場での実例、実装方法やコード例、今後の展望まで詳しく紹介します。 Androidアプリ開発のUI実装進化 2008-2025年の進化の軌跡 2008-2010: 黎明期 JavaコードによるUI生成、…

#Android#Material Design#Jetpack Compose#DataBinding
たびとの旅路 ～電脳砂漠の冒険譚～•8ヶ月前

魂の鎧"RedfishViewer"錬金術 ～外伝：呪われしNuGet更新との戦い～

どうやら、一筋縄ではいかない砂の迷宮に迷い込んだらしい。この顛末を書き残しておくか。 第二章：魂の解体新書を書き終え、長きにわたる魂の鎧「RedfishViewer」の錬成の旅はようやく終わりを告げたはずだった。しかし物語にはまだ、語られざる一節が残されていた。

#.NET#NuGet#Prism#Material Design#破壊的変更
砂漠の旅人(たびと)｜新天地：たびとの旅路•8ヶ月前

魂の鎧"RedfishViewer"錬金術 ～外伝：呪われしNuGet更新との戦い～

どうやら、一筋縄ではいかない砂の迷宮に迷い込んだらしい。この顛末を書き残しておくか。 第二章：魂の解体新書を書き終え、長きにわたる魂の鎧「RedfishViewer」の錬成の旅は、ようやく終わりを告げたはずだった。しかし、物語にはまだ、語られざる一節が残されていた。

#.NET#NuGet#Prism#Material Design#破壊的変更
Xtone Design & Tech Talk•1年前

Compose UIでのタッチイベント競合を一発解消するテクニック

エクストーン Androidエンジニアの市橋です。 今回はJetpack Composeを使ったAndroid開発において、ボトムシートのタッチイベントの競合について書こうと思います。 developer.android.com m3.material.io つい先日、弊社案件の開発中にModalBottomSheet内で横スクロールしようとすると、ボトムシート自体が勝手に閉じてしまう現象が発生しました。 この問題の調査をしていく中で、実は解決方法がとてもシンプルであることがわかりました。 なので、この記事でModalBottomSheetのタッチイベント競合の原因と解決方法を簡潔に紹介します…

#Android#モバイル開発#Jetpack Compose#Material Design
食べチョク開発者ブログ•1年前

🍎食べチョクアプリのFlutter化とMaterial Design 3 導入！デザインマスター刷新の舞台裏 🚀

はじめまして。食べチョク（株式会社ビビッドガーデン）のデザイナー千田です。 2024年11月、食べチョクアプリのFlutter化が無事完了しました。この機会に、プロジェクトの背景、進行過程、学びについてお伝えします。 Flutter化の背景 導入前は、アプリ開発をiOSとAndroidそれぞれで行っていたため、開発工数が二重で発生しており、かつ差異が生じていました。そこで、Flutter（複数のプラットフォームに対応したアプリケーションを一つのコードで開発できる）を導入し、根本的な開発工数削減と、これまで以上に新しい取り組みを実現できる状態を目指すこととなりました。 Flutter化前の状態 …

#Flutter#Material Design#UIデザイン
Fenrir Engineers•1年前

Androidエンジニアが普段考えるアプリのUI・レイアウトデザイン

これはフェンリル デザインとテクノロジー Advent Calendar2024 10日目の記事です。 前置き この記事の目的は、Android/iOSのデザイン、開発に従事しているデザイナーや技術者を主軸に、職業紹介として開発に従事していない一般の皆様にも読んでいただけることとしています。 Androidに特化した専門用語等は使わず、ラフにつらつらとタイトルについて書いたつもりなので、気兼ねなくお読みいただけたら幸いです。 背景 よくあることかもしれませんが、通勤通学やお買い物などで少し街に向かい、様々な広告やディスプレイを目にする際、例えばオーナメントの配置やテクスチャの表現、配色や全体感…

#Android#Material Design#UI (ユーザーインターフェース)#スマホ
*iroi*•2年前

Material Color Utilitiesの9つのDynamic Scheme

github.com Material Color UtilitiesはMaterial 3のカラーシステムに関するアルゴリズムやユーティリティを含むライブラリです。 HCT色空間や 画像から代表色を抽出するquantizeなど様々なコンポーネントを含んでいます。最近リリースされたv0.3.0 *1で非推奨になったSchemeの代替として用意されているDynamic Schemeが面白かったので紹介します。 Dynamic Schemeはコンテンツから抽出した色や指定した色、コントラストレベル、variantなどのいくつかのパラメータからのカラースキーマを生成する仕組みです*2。 ライブラリに…

#Material Design#Material UI
Continuity is The Father of Success•2年前

エンジニアの視点から見る、Material Designの挑戦 (2023年末版)

2023年が終わりますね。めっちゃ寒いです。 2023年は色々とあった年でした。かつ、来年以降はこれまで以上に色々とありそうな予感に包まれています。 そこで現時点までに調べたり考えたりした、Material Designについてのあれこれをまとめておきます。 来年からは、今までよりアプリケーション開発に関わっていきたいな〜、みたいな気持ちでいっぱいです。 はじめに このブログでは、Material Designの登場(2014年中旬)から現在(2023年末)までを、一通り確認します。 最初に、Material Design 1 (M1)の登場からMaterial Design 2 (M2)まで…

#Material Design