Retina display対応のデザインも幅320pxで作って問題ないんじゃないかという話

手順はこう。

  1. 新規ドキュメントで320*480(高さは好きな値で)のドキュメントを作成する
  2. すべての素材を大きめに準備して、Photoshopならスマートオブジェクト、Fireworksならシンボルに変換する
  3. 好きなようにデザインする(それぞれのツール内でアイコンなどを作るなら、シェイプ・ベクトルで素材を作る)
  4. 完成したら、画像解像度を2倍にする(大きい時の情報が残ってるのでボケたりしない)
  5. 画像を書き出してコーディング

今まで640pxで作ってて、偶数の値になるようにがんばって計算してたのがバカらしかった。
marginとかの余白の値もそのままでいけるのでオススメ。

この記事をブックマーク・シェアする

この記事に関連する記事

カテゴリ

コメント

コメントを残す

コメント*

コメントリンクを nofollow free に設定することも出来ます。

誤字・脱字やリンク切れなどお気づきの点がございましたら@loop0429までよろしくお願いします。

この記事の先頭へ