Material Design

どうも、管理人です。 Google Blogより UXデザインの世界に次なる波が来ています。Android 16へのアップデートを機に、Googleが新たに送り出したデザインシステム「Material 3 Expressive」は、その名の通り、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生成、…

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

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

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

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

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