デザインに適したアイコンがこれで見つかる！ 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、可変アイコンフォントを使用した... 続きを読む

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. 続きを読む

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 」が反映された新しいインターフェースは、さらにすっきりとしたシンプルなデザイン、そしてデバイスを超えた統一感を意識してつくられている。ダークモードの導入や検索機能・チャンネルページの一部変更... 続きを読む

エンジニアよ、デザインを恐れるな。ガイドラインの「根拠」が強い味方になる｜Fablic（フリル） | CAREER HACK

2017/02/24 55 users Fril Fablic 真意 CAREER HACK フリル

2017-02-24 「フリル（FRIL）」を手がけるFablic社からは中村恵太氏が登壇。Googleが公開するMaterial DesignのガイドラインはUX改善にとどまらない。デザインが苦手なエンジニアの味方にもなってくれるという。その真意とは？ ガイドラインに沿うことで開発者が得られるメリット｜Fablicの場合 ※Google Playの『ベスト オブ 2016』 に選出された企業が集... 続きを読む

Android版フリルにおけるMaterial Designへの対応とガイドラインの捉え方 - inFablic

2017/02/07 95 users inFablic nakamuuu ガイドライン オフィス

2017 - 02 - 07 Android版フリルにおけるMaterial Designへの対応とガイドラインの捉え方 Android list Tweet こんにちは。Androidエンジニアの @nakamuuu です。 1月24日（火）に株式会社Loco Partnersさんのオフィスで行われた App Talk Night by Relux に参加させていただきました。このイベントはGo... 続きを読む

【連載】Web、モバイルのデザイン新基準「マテリアルデザイン」を学ぼう [1] そもそもMaterial Designって?｜Webサイト構築｜IT製品の事例・解説記事

2017/02/01 49 users マテリアルデザイン 連載 エンタメ 事例 web

カテゴリ トップ ビジネス デジタル ライフ エンタメ プレゼント 【連載】Web、モバイルのデザイン新基準「マテリアルデザイン」を学ぼう [1] そもそもMaterial Designって?｜IT Search+ 続きを読む

少ない色数で印象的なUIデザインのカラーを選び出すことができるオンラインサービス | コリス

2017/01/25 29 users オンラインジェネレーター 傾向 明るいカラー コリス たくさん

最近のUIデザインの傾向として、鮮やかな明るいカラーや暗いカラーを効果的に使い、色数が少なくても印象的なデザインのサイトが増えてきました。 たくさんの色から何を選べばいいのか、どんな組み合わせ方があるのか、が分かるオンラインジェネレーターを紹介します。 Random Material Generator Random Material Generatorは名の通り、Material Designの... 続きを読む

DroidKaigi 2017で発表します＆スポンサーやります | ノハナノハナシ

2016/11/30 11 users ノハナノハナシ materia 瀬戸 エンジニア 武器

はじめまして。ノハナ社唯一のAndroidエンジニアの瀬戸です。 最近はますます寒くなってきましたが、僕はちょっと前に業務用PCが壊れたので色々とホットです。 さて、来年の3/9、10に日本最大のAndroidカンファレンスである DroidKaigi 2017 が開催されますが、瀬戸のトーク「 エンジニアが武器にするMaterial Design 」が採択されました。 エンジニアがMateria... 続きを読む

Material Design

2016/10/26 375 users

続きを読む