0
1

More than 3 years have passed since last update.

[Android] [Material Design] テーマの参考になったページまとめ 2020

Posted at

Android アプリ開発時のテーマを決める際に参考になったページをご紹介したいと思います。

1. Material Design > Color > The color system

Material Design > Color > The color system
Material Design の公式ページです。基本的にAndroid はMaterial Design に準拠したものにしたいため、まずはこちらを眺めてみることをオススメします。

2. COLOR TOOL

COLOR TOOL
カラーパレットから色を選択すると、アプリがどのようになるのかわかるツールです。
色はMaterial Design color palettes に存在する色からの選択や、カスタムカラーのお試しも可能です。

3. Material UI Web Development Tools(※Material Design 非公式)

Material UI Web Development Tools
Material Design 以外のカラーパレットもあり、色選びの参考になると思います。

4. MATERIAL DESIGN PALETTE GENERATOR(※Material Design 非公式)

MATERIAL DESIGN PALETTE GENERATOR
ベースの色を選択すると、自作テーマに必要な50~900の16進カラーコードを表示してくれるツールです。
Flutter での開発時にデフォルトテーマのColors.blue だと少し濃く感じるのでベースカラーを少し薄くしたいときに使ったりします。
自作テーマの作り方はこちらの記事を参考にさせていただきました。
Flutter アプリテーマのカスタマイズ

5. material design palette(※Material Design 非公式)

material design palette
2つの色(Primary と Accent)を選択するとアプリのイメージを確認できるツールです。
手軽に試せるのが良かったです。

まとめ

他にも便利なツールが色々あると思いますので、追記していけたらと思います。
ご指摘やご紹介いただけますと嬉しいです。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1