Google製iOSアプリがマテリアルデザインに固執しない方針にシフト

2021/10/11 18 users シフト iOSアプリ 方針 iOS向け Apple

Googleは自社プラットフォームのAndroidだけでなく、AppleのiOS向けにもアプリを提供しています。このようなAppleプラットフォーム向けにGoogleが提供しているソフトウェアのデザインを担当しているJeff Verkoeyen氏が、Google製のiOSアプリではGoogleのデザインガイドラインである「マテリアルデザイン」に固執しない方... 続きを読む

Googleがマテリアルデザインを次の段階に進化 「Material You」がもたらすもの (1/3)：CodeZine（コードジン）

2021/08/25 16 users CodeZine UIU IoTプロジェクト 新谷友樹さん

今回フォーカスするのは、2021年秋にリリースされるGoogleのAndroid 12の「Material You」です。デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトのUIUXデザインを手がける新谷友樹さんに解説していただきます。 こんにちは、株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIU... 続きを読む

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

2021/05/19 12 users Material Design Android 新しい概念

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

2020年流行するであろうwebデザインのトレンド - Qiita

2020/01/20 13 users 主流 視認性 傾向 Qiita フラットデザイン2.0

ここ最近はざっくり言ってしまえばフラットデザイン2.0、マテリアルデザインが主流になっていると思います。 視認性もよく操作もしやすいのが好まれる傾向になています。 そんな中でこれからあるいは、今も流行っているものもありますが2020年で流行するwebデザインを紹介したいと思います。 なるべくサイトも載せていこ... 続きを読む

Google のデータ ビジュアライゼーションに関するマテリアルデザインの記事を Tableau 視点で読む - データ可視化のアイデア帳

2019/07/12 44 users Tableau ビジュアライゼーション Don't セオリー

先日話題になった、Google のデータ ビジュアライゼーションの記事が気になったので読んでみました。 material.io この記事はデータを可視化する際の基本的なセオリーから、個々のケースでの DO と DON'T が紹介しています。非常にまとまっている反面、英語であること、それなりの前提知識を必要とするなと感じたので*1 ... 続きを読む

フラットデザインとは？マテリアルデザインとは何が違う？｜ferret [フェレット]

2019/05/14 12 users ユーザー もと 名称 意図 具体

私たちが生活の中で触れる様々なものは様々な意図のもとデザインされています。スマートフォンのホーム画面やホームページにおいても時代とともに ユーザー への想いを込めたデザインが進化し続けているのです。 何種類もあるデザインの中に、「フラットデザイン」というものがあります。名称を聞く機会はあっても、具体... 続きを読む

DroidKaigiで見えた、クライアントエンジニア2.0の需要 ~技術×〇〇の視点をもつクライアントエンジニア~

2019/02/19 11 users DroidKaigi Speaker 起源 哲学 セッション

DroidKaigi2019にSpeakerとして参加してきました。 今回は「マテリアルデザインの起源とベースとなる哲学」というテーマで登壇し、クライアントエンジニアとして取り入れると役に立つデザインの視点について話をしてきました。 「クライアントエンジニア2.0」の需要 今回のDroidKaigiの他のセッションを見渡して個人的に... 続きを読む

【要注意】Chromeが"www"サブドメインを自動的に隠すようになった模様 | ソフトアンテナブログ

2018/09/07 280 users サブドメイン Chromium Chrome 要注意 模様

Googleは先日Chromeの最新版である「Chrome 69」をリリースしました。Chrome 69には、マテリアルデザインの導入や新しいパスワードパネージャーの追加など、Chrome 10周年を記念するのにふさわしいさまざまな新機能が追加されていますが、中には気をつけないと行けない変更も含まれているようです。 例えば今回Chromium... 続きを読む

Google Chromeの新デザインをバージョン68以前に巻き戻す方法 - GIGAZINE

2018/09/06 25 users GIGAZINE lifehacker Lifeha 見た目

by geralt GoogleChromeは最新のバージョン69で大きくデザインを刷新し、Googleが提唱する「マテリアルデザイン」に準じた見た目に変化しました。このデザインを、バージョン68以前に巻き戻す方法を、Lifehackerが記しています。 How to Return to Chrome's Old Look—and Fix the Blurry Text on Windows https://lifeha... 続きを読む

魅力的なマテリアルデザインのコードスニペット10選 | UX MILK

2018/08/31 82 users UX MILK

JakeはUIデザインやWeb開発の記事を執筆するライターです。彼の仕事はあらゆるWebや彼自身のポートフォリオで見つけることができます。ツイッター@jakerocheleauから最新のアップデートをフォローできます。 この記事はSpeckyboy Design Magazineからの翻訳転載です。配信元または著者の許可を得て配信しています。 10 U... 続きを読む

Googleは近々Chromeのデザインを（いい方向に）大幅モデルチェンジ - Engadget 日本版

2018/07/13 29 users 原文 大部分 Chrome Google 外観

［Engadget US版より（原文へ）］ Chromeのデザインは、大部分が長いこと変わっていませんが、今年の始めにGoogleは「マテリアルデザイン」の総点検を行うという情報を漏らし始めました。その外観がどんな感じになるのか、少しだけわかってきました。 続きを読む

【無料】可愛くて使いやすい！マテリアルデザインで作られた絵文字アイコン25種！ - Web Design Facts

2018/06/21 14 users Web Design Facts 無料 シャドウ 色合い 参考

無駄にマテリアルデザインのサイトに馴染む、マテリアルデザインで作られた絵文字アイコン25種類を今回はご紹介します。 色合いやシャドウの付け方が完璧なのでマテリアルデザインのWEBサイトにはもちろん、SNSのアイコンとしても使えそう。 絵文字と侮るなかれ、結構参考になります。 25 Free Material Design Emoji Ic... 続きを読む

「Android P」でグーグルは、デザインの統制に再挑戦する｜WIRED.jp

2018/05/21 45 users グーグル 挫折 ガイドライン WIRED.jp 統一感

SHARE INSIGHT 2018.05.21 MON 09:00 「Android P」でグーグルは、デザインの統制に再挑戦する Androidアプリのデザインと操作性に統一感をもたせようと、グーグルが2014年に発表したガイドライン「マテリアルデザイン」。実質的に挫折に終わっていたこの試みだが、同社は新OS「Android P」のベータ版発表と同時に再挑戦し始めた。開発者がカスタマイズしやす... 続きを読む

ユーザビリティに配慮したカラー設計のマテリアルデザインが最近のトレンド？ | Webデザイン、これからどうなるの？（全10回） | Web担当者Forum

2018/05/15 14 users ユーザビリティ トレンド Web担トップ Google 色使い

Web担トップ » Webデザイン、これからどうなるの？（全10回） » ユーザビリティに配慮したカラー設計のマテリアルデザインが最近のトレンド？ Webデザイン、これからどうなるの？（全10回） ユーザビリティに配慮したカラー設計のマテリアルデザインが最近のトレンド？ 2014年に発表されたGoogleのマテリアルデザインによってビビッドで大胆な色使いのサイトが多く見られるようになりました（第9... 続きを読む

MkDocsでマテリアルデザインなMarkdownドキュメントサイトを作ろう - syonx

2018/03/09 47 users Markdown 静的サイトジェネレーター Google

2018 - 03 - 09 MkDocsでマテリアルデザインなMarkdownドキュメントサイトを作ろう MkDocsとは MkDocs とは、 Markdown をもとにドキュメントサイトを構築する 静的サイトジェネレーターです。 Material for MkDocs とは、 MkDocs のテーマの１つであり、 Google が提唱しているマテリアルデザインを反映したものです。 このテーマ... 続きを読む

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

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

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

GoogleカレンダーのWeb版がデザインを一新 | TechCrunch Japan

2017/10/18 93 users 一新 TechCrunch JAPAN ウインドウサイズ

事実上同じデザインを数年間続けていたGoogleカレンダーが 今日大きく模様替えした 。真新しいカラーパレットとGoogleのマテリアルデザインにマッチしたデザインスキーム、そして ―― もっと重要なのは ―― ブラウザーのウィンドウサイズに応じて自動調整されるレスポンシブ・レイアウトになったことだ。 このアップデートは単にペンキを塗り替えただけでなく、サービスを少しでも使いやすくするための機能改... 続きを読む

マテリアルデザインの概念を受け継いだ、マテリアルデザインライトとは | UX MILK

2017/10/16 97 users 概念 UX MILK UXPin Brafton Jerry

JerryはUXPinのコンテンツストラテジストです。過去に、Braftonでのクライアント向けのコンテンツ戦略、広告代理店のDBB San Franciscoでの経験があります。 今年のデザインのトレンドが、マテリアルデザインの表現であることは、間違いありません。 GoogleのAndroidをベースにしたデザイン手法であるマテリアルデザインは、当初モバイル端末向けのインターフェイスとしてスター... 続きを読む

コピペ可ですぐに役立つ！マテリアルデザインを極めるHTML/CSSスニペット30個まとめ - PhotoshopVIP

2017/07/14 78 users PhotoshopVIP ナビゲーションメニュー HTML

Googleが2014年に提唱したデザインガイド「 マテリアルデザイン 」。 最近の新しいウェブサイト でも、このマテリアルデザインの考え方や基本原則を取り入れたものが増えています。 今回は、コピー＆ペーストで手軽に マテリアルデザインを再現できるHTML/CSSスニペット をまとめています。 対応しているスニペットは、ナビゲーションメニューやドロップシャドウなど特長的な素材から、ボタンやカード型... 続きを読む

「Chrome 59」安定版がリリース--「macOS」のネイティブ通知サポートなど - CNET Japan

2017/06/06 12 users MacOS Linux Chrome Mac Apple

Googleは「Chrome 59」の安定版をリリースした。「macOS」上のネイティブ通知をサポートし、ブラウザ設定画面が「マテリアルデザイン」に変更されている。 Chrome 59は「Windows」「Mac」「Linux」を対象に提供されているが、このバージョンの大きな特徴は、Chromeの通知がAppleのデスクトップ通知センターに表示されることだ。 Chromeのすべての通知が、ウェブ開... 続きを読む

「Google Chrome 59」が正式版に 〜ヘッドレスモード、APNG、フルページ撮影に対応 - 窓の杜

2017/06/06 55 users ヘッドレスモード 樽井 APNG 刷新 Webブラウザー

ニュース 「Google Chrome 59」が正式版に 〜ヘッドレスモード、APNG、フルページ撮影に対応 設定画面をマテリアルデザインへ刷新。30件の脆弱性修正も 樽井 秀人 2017年6月6日 08:56 「Google Chrome」v59.0.3071.86 設定画面をマテリアルデザインへ刷新 　米Google Inc.は5日（現地時間）、Webブラウザー「Google Chrome」の... 続きを読む

Microsoft、Googleの「マテリアルデザイン」のような「Fluent Design System」発表 - ITmedia NEWS

2017/05/12 43 users Microsoft 見込み ITmedia News 発表

Microsoft、Googleの「マテリアルデザイン」のような「Fluent Design System」発表 「Fluent Design System」は、「Windows 10」の9月の「Fall Creators Update」でお目見えする見込みの新しいデザインシステム。Googleの「マテリアルデザイン」のように、UWPアプリ開発者はこのシステムに準拠することになる。 米Micros... 続きを読む

YouTubeのデスクトップ版、「ダークモード」もある新デザインがお試し可能に - ITmedia NEWS

2017/05/03 24 users YouTube フィードバック ダークモード 計画 採用

YouTubeの特設リンクで「今すぐ試す」をクリックすると、マテリアルデザイン採用の新デザインに変更できる。新デザインでは「ダークモード」への切り替えも可能だ。 米Google傘下のYouTubeは5月2日（現地時間）、デスクトップ版YouTubeで「 マテリアルデザイン 」採用の新デザインをお試しできるようにしたと発表した。 お試し期間中に集めたフィードバックに基いてさらに改善していく計画だ。 ... 続きを読む

マテリアルデザインでやってはいけない72のこと（間違いチェックリスト）

2017/04/24 243 users 目次 ガイドライン チェックリスト ルール Google

マテリアルデザインでは、Googleにより 作り方のガイドライン がしっかりと決められています。しかし、ルールがかなり多いため、どうしても間違った表現をしてしまいがちです。今回はマテリアルデザインでやってしまいがちな間違いを72個、淡々と紹介していきます。 WEB制作、アプリ制作時のチェックリストとしてご活用ください。 この記事の目次 重要なルール カード ボタン フローティング操作ボタン 色の使... 続きを読む

Googleが提唱する「マテリアルデザイン」の普及をフォローするカラーツールが登場 - GIGAZINE

2017/04/07 76 users デバイス 提唱 Color Tool カラーパレット 声かけ

Googleでは2014年から新しいUX体系として、デバイスの違いを乗り越えて操作性に統一感を持たせ使いやすさを向上させた 「マテリアルデザイン」を提唱 。声かけだけではなく 統一サポートサイトとして「Material.io」を開設 し、情報共有や普及に努めています。このサイト内に、アプリにどんなカラーパレットを用いればいいのかを助ける新たなカラーツールが登場しました。 Color Tool - ... 続きを読む