タグ

ブックマーク / www.dotproof.jp (2)

  • Android、今さら人に聞けない9パッチグラフィック | dotproof

    Androidでは内容に応じて拡大縮小可能なグラフィックとして、「9 Patch」という特殊なグラフィックを扱うことができます。特殊な、と言ってもある一定の規則の元で作成されたPNGファイルですが、この9パッチグラフィックを理解していないとAndroidUIデザインは難しいと思います。かなり普及していると思うので今さらですが基と応用をまとめてみます。 例えば下の図のようなA、B、Cというボタンがあるとします。ボタンのデザイン自体は同じです。角のRも同じ、色も同じです。ただコードで表示されるテキストの部分が違うとします。ABCを別々のグラフィックとして用意してもいいですが、解像度がたくさんあるAndroidの場合、ボタンのグラフィックの数が膨大になってしまいます。そんな時に使うのが「9パッチ」です。名前の由来はもちろん右のように、拡大縮小してもいい部分と、そのまま維持したい角の部分などを

  • Android 2.0のアイコンを描くには | dotproof

    先日発売されたXperiaに続いて、4月末には最新のAndroid OS2.1を採用したHTCのDesireも発売開始され、いよいよ日でもAndroidを採用した端末が普及する予感がします。Android OS 2.0以上では様々な新機能がサポートされているのですが、デザイナーの立場からいうとランチャーのアイコンが大きく変わっています。詳しい内容はAndroidデベロッパーサイトの「Icon Design Guidelines, Android 2.0」を見ていただくとして、旧ガイドラインではアイコンは斜めから見た立体表現だったものが、2.0からは(iPhoneのような)正面から見た半立体風の表現に改められています。もちろんこの変更は描きやすさを考慮したものだと思います。旧ガイドラインのような3D風のアイコンは描きにくいですからね。 ただiPhoneの場合はただの四角いグラフィックを用意

  • 1