• Home
  • Design

Material Design 3月のアップデート

3月のマテリアルデザインガイドの追加内容は以下になります。アクセシビリティの色やコントラスト、音、動き、階層周りの追加パスワード入力時のテキストフ​​ィールド表示方法追加カラー&コントラスト色とコントラストは、ユーザーがコンテンツを理解する為のとても大切な役割を果たします。カラーパレットプライマリー、セカンダリー、アクセントカラーはユーザビリティーのキーポイントになります。なので、視力障害がある方でも見えるようコントラストをはっきりさせるのが重要です。コントラストの割合W3Cによると色と背景の輝度のコントラスト比は1~21で、通常このコントラスト比は1:1か21:1です。この比率が大きければ大きいほど、二つの色の輝度のコントラスト比...

13Apr2016
  • accessibility
  • material design
  • text fields
  • 2016.03
  • design

ボトムナビゲーションバー

ボトムナビゲーションバーを追加することによってトップ層のページの行き来がしやすくなりました。ボトムナビゲーションバーは、主にモバイル対応なので、スクリーンの大きいタブレットやデスクトップなどでは、サイドナビゲーションなどで対応します。

13Apr2016
  • bottom navigation bar
  • components
  • 2016.03
  • design
  • material design

スプリットスクリーン

スプリットスクリーンモードを使用する事で、同時に2つの事を効率よくできるようになりました。表示は、上下または左右で2画面表示する事ができます。例えば、以下の動画のように上のスクリーンで映画のスケジュールを見ながら下のスクリーンでメールを打てるのはとても効率的ですね!スプリットスクリーンモードのON / OFFやリサイズなども簡単ですぐに使いこなせそうです。

13Apr2016
  • split screen
  • layout
  • 2016.03
  • design
  • material design

Material Design 2月アップデート

みなさん、こんにちは。今回は2月のマテリアルデザインのアップデートについてまとめました。内容は以下です。アプリのカラーパレットのカスタマイズの例追加ダイアログのエラー、テキストセレクション、テキストフィールドラベルの色の仕様追加ステッカーシートにテキストフィールドの色、日付のピッカー、ボトムツールバー追加(データはPhotoshop、Illustrator、Sketchで用意されています)

25Feb2016
  • color specs
  • sticker sheets
  • color palette
  • 2016.02
  • design
  • material design

Material Design 12月アップデート

第一回目のアップデートです!皆さんはじめまして!都内でデザイナーをしているmeiです。仕事でAndroidのデザインもするので、マテリアルデザインの勉強をしようとブログを始めました!みなさんご存知のように、マテリアルデザインのガイドラインは全部英語で時々わかりづらいところがありますよね。イメージとビデオがついていてわかりやすくはなっているのですが、それでもやっぱりわかりづらいところがあると私は感じたので、勉強も兼ねて日本語に翻訳して、まとめていきたいと思います!!必要な時に、そういえばこんなブログあったな〜っとここに戻って来てもらえたら嬉しいです!初めてでドキドキですが、これからガイドラインがアップデートされた都度私のブログもアップ...

08Feb2016
  • design
  • responsive UI
  • punctuation
  • text fields
  • 2015.12
  • material design

mei's design

はじめまして、meiです。 都内でデザイナーやってます。 アメリカのカリフォルニア州サンフランシスコで ビジュアルコミュニケーションデザインを専攻し大学を卒業後帰国。 英語を活かして、マテリアルデザインを勉強がてら共有していきたいと思います。

記事一覧

Copyright © 2025 mei's design.

Powered byAmebaOwnd無料でホームページをつくろう