Material Design のパレット色を決めるときの簡単な方針づけ

これ便利ですね.

Material Design Color Palette Generator - Material Palette

Material_Design_Color_Palette_Generator_-_Material_Palette

触っていると大体こんな感じ.

1. 最初のクリックは, Primary color.
2. Primary color から Dark/Light を作成.
3. 2つめのクリックは, Accent color.
4. Textの Primary/Secondary は固定.

分かりやすく書くと

DARK PRIMARY

PRIMARY *1

LIGHT PRIMARY

ACCENT *3

PRIMARY TEXT #212121
SECONDARY TEXT #727272
DIVIDER COLOR #B6B6B6

ベースとなる19色はそれぞれ濃淡があり
HEXな記号は, Google のサイトにまとまっている.

Color_-_Style_-_Google_design_guidelines

Color - Style - Google design guidelines

ここを見ると, 濃淡に関してこんな例が上がっているのでそのまま鵜呑み.

Color_-_Style_-_Google_design_guidelines

- PRIMARY は 500.
- それから派生する DARK は 700.
- 同じく LIGHT は 100.
- ACCENT(SECONDARY) は A200.
- その DARK/LIGHT はそれぞれ A400/A100

こうなる.

DARK PRIMARY(700)

PRIMARY(500) *

LIGHT PRIMARY(100)

DARK SECONDARY(A400)

SECONDARY(ACCENT)(A200) *

LIGHT SECONDARY(A100)

PRIMARY TEXT #212121
SECONDARY TEXT #727272
DIVIDER COLOR #B6B6B6

PRIMARY と SECONDARY(ACCENT) の2色を決めると, 画面を構成する9色が決まる.

500 とか A200 とかをHEX記号にするには, 上記Googleのリファレンスをみたり,

または, こんなサイトもある.

Material_UI___Material_Design___Material_UI_Colors

Material UI | Material Design | Material UI Colors

これ, もう全部 color.xml に登録しておいたら, どうなのか.

AndroidStudioなら実際の色もGUI上で確認できるし.

color_xml

こんなアプリがあって, コードもGitHub上で公開していますので color.xml いただいてます.

Material_Design_Color_Palettes_-_Android_Apps_on_Google_Play

Material Design Color Palettes - Android Apps on Google Play

Android_Material_Design_Colours

Android Material Design Colours

MaterialTheme のカラーname に合わせるとこんなかんじになるのかな.

color_xml_Project_

(おしまい)


顔文字パレット に 他の顔文字アプリから顔文字を集める

たくさんあります, 顔文字アプリ.

20150322-102523

いくつかインストールします.

20150322-102613

これらの非キーボード型の顔文字アプリは, 基本的には,「クリップボードにコピー」して使います.

20150322-102922

コピーした状態で「顔文字パレット」を開くと, そのまますぐに登録できます.

20150322-103121

20150322-103333

これを繰り返して顔文字パレットの好きなカテゴリータブに登録保存していきます.

以下, 動画を参考にどうぞ.


スタンプで送信する

あなたが顔文字パレットに保存している顔文字,絵文字,アスキーアートなどをスタンプ(画像)として利用できるようになりました.

20150529-072159

スタンプ(画像)を利用したい場合は, 顔文字パレット上で使いたい文字を「長押し」します.

20150529-072357

ダイアログが表示されたら下の真ん中にある「スタンプ送信」ボタンを押します.

20150529-072302

利用したいアプリを選択後, そのアプリの指示に従って送信します.

20150529-072537

20150529-051815

20150529-072812

20150529-072727

iPhone などの表示される内容が異なる端末の人に送信したり.

AA や 絵文字をスタンプにするといいかもしれません.