かつてchibadge(チバッジ)のアプリアイコンをつくったとき、
- デザイン
- 実機に移してバッジをつけて確認
- 調整
- 2に戻る
という感じでデザインを調整していました。
それがとてもめんどうなので、バッジのついた状態をプレビューするツールをつくりました。
http://codepen.io/kimmy/full/bEvYLX/codepen.io
http://codepen.io/kimmy/full/bEvYLX/
アイコン画像をドラッグ&ドロップすると通知数が1桁のときのバッジを付けて表示してくれます。
目視で確認してつくったためちょっと誤差があるかもしれません
目視で確認したiOS9のバッジのあれこれ
- バッジの大きさ = アイコンサイズ * 0.4
- バッジの位置は角丸じゃないときの右上からx, y 共に アイコンサイズ / 30 ずつ内側にはいったところ
- バッジの背景色 #ff0000
今回は以上です。