MaterialDesign

ダークモードUIの最適化

NTTレゾナントテクノロジー アジャイルデザイン部UI/UXデザインチームの呉です。
今年の9月、世界二大モバイルOS(AndroidとiOS)はそれぞれ「Android 10」、「iOS 13」をリリースしました。今回は新しく実装された機能「ダークモード」のUIデザインについてお話をしたいと思います。
※Androidの正式名称は「ダークテーマ」ですが、ここでは便宜的に「ダークモード」と記述しま

もっとみる

MaterialDatePicker が新しく追加された!

material-components-android 1.1.0-alpha09 で 日付を選択させる MaterialDatePicker が新しく追加されました。

MaterialDatePicker とは

DatePicker という名前からわかるように、日付を入力してもらう UI Component になります。
今までの DatePicker との違いは

・デザインが変わった

もっとみる

Google Play アイコンのデザイン仕様
https://developer.android.com/google-play/resources/icon-design-specifications
☝︎
Sketch テンプレート(.sketch)
Illustrator テンプレート(.ai)
Photoshop テンプレート(.psd)

帰ってきた関モバに登壇してきた

帰ってきた関西モバイルアプリ研究会に初めて参加してきました。

Material Components for Android 1.0.0 → 1.1.0 という題で 1.1.0 の変更内容について、それも UI Components に絞って LT しました。

LT の内容の選定理由

Google I/O の後という事もあり、ネタが豊富で何について話そうかかなり迷いました。MotionLay

もっとみる

九州地方のI/O Extended(I/O報告会)でデザイン関連アップデートの発表します #io19jp

シアトル経由でようやく?帰国しました。シアトルはGoogle I/Oが開催されていたマウンテンビューとはうって違って寒かったです。帰国の前日は朝から雨もふっていて、気温も10℃以下で心なしか「もう、冬か…」という気分。

※ 写真はシアトルオフィス(違)からの風景

GWと合わせると20日以上日常から離れていたので頭の切り替えが大変ですが(週末もいれると23連休!?)今週から通常運転に戻らなければ

もっとみる

Google I/O 2019 デザイン関連直前ガイド #io19jp

さて、米国時間の明日5/7(日本時間では5/8)いよいよGoogle I/Oです。

すで現地入りしている人たちがチラホラ見かけますが、今年も日本から大勢の開発者が現地から参加するみたいですね、すばらしい。

Google Design's Designer's I/O guide

先月書いた今年のI/Oでのデザイン関連セッションの紹介記事でも予告しましたが、先週、Google Designでデ

もっとみる

BottomNavigation に Badge が表示できるようになった!

Android の material-components 1.1.0-alpha06 で BottomNavigation (よく下タブと呼ばれるもの)に Badge が表示できるようになりました👏

(ガイドラインに記載はあったけど標準ライブラリの対応がまだでした)

Badge のパターン 

ドットだけのもの
数字をセットしなければドットだけの表示になります。(画像一番左)

botto

もっとみる

Google I/O 2019 デザイン関連セッション紹介 #io19jp

新元号「令和」、最初文字だけ見たときは、ん?と思ったけど、声に出してみるとなんだか、素敵ですね。平成も残り1ヶ月頑張ろう。

さて、1年はあっと言う間。気つけば来月GW明けにもうGoogle I/O です!

いつの間にかI/OのスケジュールページのEventsページも情報が公開されてたので、今年もデザイン関係のセッションなどまとめておきます。

後日、Google Designがブログで正式に何

もっとみる

Segmented Controls と Toggle button の違いについて

MaterialButtonToggleGroup というものが Android の material-components (*1) に追加されており(*2)、それが iOS の Segmented Controls に似ていたので、同じなのかどうか調べてみました。

Toggle button について

Toggle button と聞くと On/Off を切り替えるためのものに聞こえますが

もっとみる

INEVITABLE ja night 第8回で #DesignSystems について発表しました。 #inevitableja

先週の金曜日3/1にGoogle Cloudさん主催のイベント「INEVITABLE ja night」に登壇する機会をいただき、デザインシステムについて宣伝もとい告知(おなじだ!)じゃなくって、少しお話しさせて頂きました。

今回はその備忘録です。

不可避な流れ、The Inevitable

以前からこのイベントは大人な雰囲気満載でコアなテーマを熱く語るイベントとして認識してましたが、わりと

もっとみる