iPhone 4 GUI Vector Template

2010.07.14 // blog // hiroakin // No Comments

発売時には大変な騒ぎとなったiPhone 4ですが、アンテナの不具合（？）があっても今一番注目の携帯端末だと思います。3G、3GSからの一番の違いは何と言っても640×960ピクセルという高解像度のディスプレイです。何しろ面積比4倍ですからね。従来のアプリケーションのほとんどはそのままiPhone 4でも動作すると思いますが、やはり前の解像度に合わせて描かれたグラフィックをiPhone 4で見るとちょっとハッキリしない印象を受けますね。

そこで従来のアプリケーションもiPhone 4に対応すべく、アップグレードをしようとする方も多いと思います。グラフィック的には単純に倍にすればいいのですが、実際の作業は結構大変です。倍にすれば描き込める箇所も多いですし、アラも倍に拡大されます。こういう時は元データをベクターデータで描いておいて良かったと思います。ビットマップだけで描いていたら、たぶんほとんど書き直しだったと思います。

今日はそのiPhone 4に対応したベクターデータのテンプレートを公開しようと思います。データはillustrator CS4のデータになります。恐らくiPhoneのGUIデザインをしている人のほとんどはMacユーザーだと思うのですが、自分はWindowsで描いていますので、フォント関連がちょっとおかしいかも知れません。ご了承ください。WindowsにはHelveticaもヒラギノもないんです…。モックアップ作成やプレゼンテーションにお役立てください。