#wp7dev_jp

Windows Phone のタイルのアイコンはPNGファイル。透明色を使うと、デフォルトのテーマカラーが使用されるので、白だけでアイコンを書いてメールやメッセージのアイコンのようにデザインする方もいらっしゃいます。

せっかくなのでその昨日を逆手にとってタイルのデザインをしてみましょう。つまり色を付けたいところだけ透明にするわけです。

image

こうすれば、タイルの色に合わせてアイコンのカラーが変わります。

myPaint_Greenmypaint_redmyPaint_mazentamyPaint_mangomyPaint_sky

ね?

この時のポイントは2つあります。

  • テーマカラーのほとんどは原色系が多いので、どの色が来てもかぶらないように使用する色は白か黒にすること
  • 周りが白になっても黒になっても大丈夫なようにテストする事

白バックにしておくと、タイルが背景に溶け込みますので、白バックの時には黒い枠で囲んでもいいかもしれませんし、透明の枠で囲むのも楽しいですね。