First Batch of Color Fonts Arrives on Google Fonts - Material Design

2022/09/14 7 users

Customize color palettes, add gradients, and more with COLRv1 続きを読む

AndroidアプリをMaterial Designのガイドラインに準拠させるための取り組み - ZOZO TECH BLOG

2022/07/30 8 users ガイドライン ZOZO TECH BLOG 目次 鈴木 課題

はじめに ZOZOTOWN開発本部ZOZOTOWNアプリ部Android2ブロックの鈴木（@s1u2z1u3ki）です。 本投稿ではZOZOTOWN Androidアプリを、Material Designに準拠したUI/UX1とするために取り組んでいる内容を紹介します。 目次 はじめに 目次 Material Designとは？ Material Design勉強会について 勉強会の流れ 存在した課題 課... 続きを読む

「Gmail」が新デザインを発表、メール・チャット・ビデオ通話機能を簡単にスイッチ可能に

2022/07/29 5 users Gmail ひとまとめ スイッチ 新しいGmail 発表

過去18年間で大きく進化してきたGoogleの無料で使えるメールサービスの「Gmail」が、最新のアップデートにより「Material Design 3」の要素を取り込んだ新しいユーザーインターフェース(UI)デザインに生まれ変わりました。新しいGmailのUIでは、画面左端にメール・チャット・ビデオ通話などの機能がひとまとめになってい... 続きを読む

デザインに適したアイコンがこれで見つかる！ UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer

2022/05/18 196 users Feather Bootstrap アイコン アイコン素材

Bootstrap, Material Designのアイコンをはじめ、Feather, heroicons, tabler iconsなど、人気が高いUIデザイン用のアイコン素材をまとめてカスタマイズ・ダウンロードでき...記事の続きを読む 続きを読む

UIデザイナーは要チェック！ 新しくなったMaterial Design 3は可変フォントやアイコン、アクセシブルで使いやすいカラーに

2022/05/17 14 users Flex パーソナライズ アクセシビリティ アクセシブル

5/11,12に開催されたGoogle I/O 2022に伴い、Material Design 3のガイドラインが大幅アップデートされたので紹介します。 注目すべきキーワードは、アクセシビリティとパーソナライズ。 アクセシブルなコントラストを備えたダイナミックカラー、可変フォントRoboto FlexとRoboto Serif、可変アイコンフォントを使用した... 続きを読む

Material Design

2021/10/28 5 users Build beautiful

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. 続きを読む

Android 12の新機能や変更点まとめ：Material Youだけじゃない！様々な細かい改善もあります

2021/10/21 6 users Material You 細かい改善 ほか 変更点まとめ 一歩

いよいよPixelシリーズにも配信されたAndroid 12、今回は見た目の変更も多いですがそのほかにも細かく機能追加などがあります。開発者視点ではなくユーザ視点のものとなりますが、気がついたものをまとめます。 新デザイン「Material You」 Android 12ではMaterial Design（マテリアルデザイン）をさらに一歩進めて「あ... 続きを読む

Google、「Material Design」のアイコンを「Figma」で公開 - 窓の杜

2021/09/06 268 users figma アイコン Google 公開

続きを読む

Googleがマテリアルデザインを次の段階に進化させた「Material You(マテリアルユー)」を発表、UIデザインがユーザー好みに変幻自在に - GIGAZINE

2021/05/19 12 users Android テクノロジー業界全体 GIGAZINE 段階

Googleが2014年から提唱してきた新しいUXデザイン概念が「Material Design(マテリアルデザイン)」です。Googleの開発するAndroidだけでなく、テクノロジー業界全体のデザインを変革することに役立ってきたマテリアルデザインを、次の段階に進化させるための新しい概念として、Googleが「Material You(マテリアルユー)」... 続きを読む

Material Design

2021/05/18 13 users Build beautiful

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. 続きを読む

Material Design

2021/04/20 9 users Build beautiful

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. 続きを読む

Data visualization - Material Design

2019/07/01 163 users Data Visualization

Data visualization is a form of communication that portrays dense and complex information in graphical form. The resulting visuals are designed to make it easy to compare data and use it to tell a story – both of which can help users in decision making. Data visualization can express data of vary... 続きを読む

Dark theme - Material Design

2019/05/07 20 users

A dark theme is a low-light UI that displays mostly dark surfaces. A dark theme displays dark surfaces across the majority of a UI. It’s designed to be a supplemental mode to a default (or light) theme. Dark themes reduce the luminance emitted by device screens, while still meeting minimum color ... 続きを読む

GitHub - creativetimofficial/material-kit: Free and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native and Sketch based on Google's Material Design

2019/02/23 11 users GitHub React Demo together code

Dismiss Join GitHub today GitHub is home to over 31 million developers working together to host and review code, manage projects, and build software together. Sign up Free and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native and Sketch based on Google's Material Design https://demo... 続きを読む

エンジニア以外にも知ってほしい Android の UI Components｜NUmero｜note

2018/10/27 106 users Note Android bot エンジニア以外 class

Android で使用する基本的な UI Components の紹介をしていこうと思います。 エンジニアが実装する時の Class 名と Material Design の名称が違うものもあるのですが、デザイナーは Material Design のガイドラインを参考にすることが多いと思うので、基本はガイドラインの名称を使っています。 # NavigationDrawer、Bot... 続きを読む

グーグル「Chrome 69」リリースは9月、Flash終了へのさらなる対応など - ZDNet Japan

2018/08/23 20 users グーグル Flash終了 ZDNet Japan リリース

「Google Chrome」ブラウザは、米国時間9月4日に公開予定の「Chrome 69」で設計を刷新するようだ。 視覚的な変更の詳細は不明だが、「Material Design」の全面的な見直しで7月に公開された丸みのあるタブになる可能性が高い。 「Chrome Enterprise」のリリースノートでは、Chromeブラウザのアップデートについて、「Wind... 続きを読む

UIデザイナーのためのMaterial Designの理解と実践 // Speaker Deck

2018/05/27 82 users Speaker Deck UIデザイナー 実践 理解

All slide content and descriptions are owned by their creators. 続きを読む

グーグル、「Material Design」採用UIの多様化を促すツールを提供 - CNET Japan

2018/05/14 32 users グーグル ナビゲーション 個々 CNET Japan ツール

Googleが「 Material Design 」をアップデートし、新しい開発者向けツール「Material Theming」をリリースした。このツールによって、開発者がアプリをより高速にカスタマイズできるよう支援する。 新ツール の狙いは、開発者がボタンやナビゲーションに関するGoogleのMaterial Designシステムを守りつつ、ブランドの個々の独自性を反映する特徴を追加できるように... 続きを読む

新しくなったMaterial Designのココに注目！最近のUI要素・コンポーネントのデザインや使い方がしっかり学べる | コリス

2018/05/11 168 users 皮切り コリス コンポーネント オープンソース 毎月

先日開催されたGoogle I/O 2018で、Material Designは大きくアップデートされました。 ロードマップ によると、今回のアップデートを皮切りに、これからも毎月リリースされ、Material Designはその表現力を高める機能を充実していくとのことです。 Material Design Material DesignはGoogleが提供するオープンソースのデザインシステムで、... 続きを読む

Theme Editor Home - Material Design

2018/05/09 28 users

Material Theme Editor – Create and customize your Material theme The Material Theme Editor helps you make your own branded symbol library and apply global style changes to color, shape, and typography... 続きを読む

Material Designを最速で使いこなす｜池内健一｜note

2018/04/11 429 users iOSアプリ Androidエンジニア Android 手順

Material Designを使いこなすための最速の手順を紹介します。最近UIデザインを始めた方、iOSアプリのデザインはしていたけどAndroidのデザインも行う必要になった方、WebサービスでMaterial Designを使ってみたい方、Androidエンジニアでデザイン方面ももっと知りたい方などは参考にしてみてください。 Material Designとは Material Design... 続きを読む

商用利用無料！Material Designが簡単に実装できる、Bootstrap 4をベースにした新作テンプレートのまとめ | コリス

2018/03/27 129 users コリス Bootstrap ポートフォリオ 商用 テンプレート

Material Designを使用してみたいけど、時間がない、手間をかけたくない、という人にぴったりな、Material Designが採用された商用でも個人でも無料で利用できるBootstrap 4ベースの新作テンプレートを紹介します。 企業向けサイト、プロダクトのランディングページ、ポートフォリオやギャラリー、ブログ用のテンプレートが揃っています。 Material Design for B... 続きを読む

ついにWindowsへ導入が始まった「Fluent Design System」5つの基本要素 - WPJ

2017/10/17 73 users マイクロソフト 堅牢 実装 既存 統一

10月17日に配信が始まった「Windows 10 Fall Creators Update」に導入された、マイクロソフトの新しいデザイン言語「Fluent Design System（フルーエントデザインシステム）」。コンセプトと実装へ反映する方法を解説します。 独自のデザイン言語やGoogleの Material Design（マテリアルデザイン） など既存の言語を実装して、統一のとれた堅牢な... 続きを読む

Microsoftから新しいデザイン言語、Fluent Design System――Material DesignのMS版 | TechCrunch Japan

2017/05/11 186 users Microsoft fluent テヘ シアトル Google

シアトルで開催されたBuildデベロッパー・カンファレンスで今日（米国時間5/12）、Microsoftは Fluent Design を発表した。このデザイン・システムを用いればクロスプラットフォームでユーザーインターフェイスを開発することができる。 いろいろな意味でFluentはGoogleの Material Design System に似ている。この新しいデザイン言語の主たる目的は、デベ... 続きを読む

デスクトップ版YouTubeのデザインが一新――見た目以上に大きな変更が | TechCrunch Japan

2017/05/03 61 users 一新 TechCrunch JAPAN YouTube 変更

今週の月曜日にYouTubeは設立12周年を迎え、これを記念し5月2日には デスクトップ版YouTubeのデザインが一新 された。Googleが提唱するデザインフレームワーク「 Material Design 」が反映された新しいインターフェースは、さらにすっきりとしたシンプルなデザイン、そしてデバイスを超えた統一感を意識してつくられている。ダークモードの導入や検索機能・チャンネルページの一部変更... 続きを読む