iPad Appやサイト制作に役立つUIキットや、プロトタイピングに便利なワイヤーフレームキットのまとめ記事。様々な作例が用意されていて、OmniGraffle用、PSD、AI、Photoshop用のアクションなどがあります。デザイナー向けの素材もディレクター向けの素材も一通りあるという印象。また外観パーツだけでなくApp IconやUIパーツ類のテンプレートも紹介されていて、iPad関連の素材はこの記事だけで一通り揃いそうです。とってもナイス。
GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers
サイト内の画像ファイルをRetina対応させる方法についての記事。まずはアイコンの高解像度版を用意して、さらにサイト内のイメージの対応の仕方についても解説されてます。高解像度版の画像には“@2x”を付けるというのはサイト制作でも通例となりそうですね。画像の振り分けについてはMediaQueriesで対応してるようです。ちなみにウチのブログではiPadからのアクセスが全体の4%弱あります。これって結構多いよなー。まぁ4%の中の何%がiPad 3rdなのかは調べてませんが、Retina対応できるもんならしたいところ。
iPadのGUIのPSDがRetina対応してました。iPhone GUI PSDで有名なアレです。ここの制作するPSDはパーツごとにレイヤーが分かれているのはもちろん、各パーツがちゃんとベクターで描画してあって、見た目の装飾はレイヤースタイルでされているのでとっても使い勝手がイイです。iOS App開発やサイト制作の際に役立ちます。自分もローカルのテンプレートまとめフォルダ内に常に入れてあります。
毎度お世話になっているPixelResortのアイコン製作用テンプレートPSDがアップデートされてました。早速DLしたのですが、以前のバージョンに比べて確認できる要素が増えていてビックリ。っていうかこれスーパーですわ。アイコンデザインする際にめちゃめちゃ便利。以前のバージョンに加えてRetina iPadのアイコンサイズが増えているのはもちろん、ホーム画面に置いた時やAppStoreでの見栄えなどをまとめてチェックできます。書き出し用のアクションファイルもVer. 2.0になっていて、申請用の角アリ、確認用の角丸双方を選んで書き出せます。また以前のアクションファイルは書き出しまで一気に行っていたのに対し、新しいものではフォトショの書き出し用パネルで止まるので、JPGなのかPNGなのか選べるようになってます。スマートオブジェクト1つを編集すれば全部の解像度に適用されるという使いやすさはそのままです。iOS Appのアイコンデザインをする人必携のPSDと言ってもいいくらい。いやーナイスですねー。
そういやiPad 3rdで「おや、何か届いたようです」記事書いてない！ と今更気付いた俺です。まぁもう数日経っちゃったし別にいいか・・・。というわけで新しいiPad買ったはイイけど、Retinaサイズの壁紙どこにも落ちてないYO！ という方結構いると思います。ぼちぼち見かけるようになってきたのでまとめ記事を紹介。この記事は今後もちょいちょい追記していく予定です。
新しいiPadがRetinaディスプレイになって、アイコンサイズは144 × 144になるそうです。というわけでアプリのアイコン制作にまた一手間増えると・・・。iPhone2つ、iPad2つ、Store用の512サイズの合計5つがいるわけですね。んで早速そのRetina iPad用のサイズも含めたアイコンテンプレートが出てました。記事内「Download」のリンクからDLする事が出来ます。ただテンプレートとしてはそれほど効率化されてないかなーという印象。ちなみに自分は普段Pixelresort.comのApp Icon Template使ってます。ところでThe new iPadって何て呼べばイイんでしょうね？ iPad 2012とか？
本日のナニコレ超便利。いやこれマジに便利っす。iOS向けアプリのアイコン制作時に役立つフォトショップ用テンプレート。この手のテンプレートは他にもあるけど、これの素晴らしい点は2つ。まずアイコンの各種解像度に一括対応するため、ベースとなるアイコンデザイン部分をスマートオブジェクト化してある点（「EDIT THIIS SMARTOBJECT」のレイヤー）。なのでこのPSBファイルをベースにデザインすれば、全解像度に適用されます。もう1点は同梱されているアクションファイル。CS5.1では動きが変だった印象もあるけど、これ使えばAppStore申請用のファイル書き出しがサクっとできます。デザイナーのワークフローの作業的な部分をウマい事バッチ化した素晴らしいテンプレート。ありがたく使わせて頂きます。
iOSアプリのアイコンギャラリー。ズラっとページングする形で並べられてますが、カテゴリーによる抽出もできます。かっこいいアイコンしか集められてないので、アプリのアイコン制作をする際のネタ帳としてとってもナイス。多色、テクスチャ使用、立体的なデザインなど、アプリごとに色々と趣向を凝らして目立つ方法を模索してるという印象。まぁアプリのアイコンってAppStore内で目立ってナンボ、Home画面内でも目立ってナンボ。けどiPhoneユーザーの特性を考えると品良く作らなきゃなんない、というあたりが制作する側としては特に気にする部分ですな。
