native app workflow
TRANSCRIPT
640*1136 640*1136750*1334
1125*2001
1242*2208
iPhone 5,5S iPhone 6 iPhone 6 Plus
zoom
zoom
端末でわける
Normal
Normal
640*1136
750*1334
1125*2001
iPhone 5,5S iPhone 6 iPhone6 Plus
zoom
zoom
@2x @3x
750*1334 (1125*2001)
1242*2208
デザインするサイズでわける
640*1136750*1334
1242*2208
iPhone 5,5S iPhone 6 iPhone6 Plus
必要なのはこの3サイズ
デザイン作成ではZoomのことはきにしない。代わりに実機で確認
STEP1 まずはベースのPSDを作る(640*1136)
STEP2 キャンバスを広げる(750*1334)
STEP3 広がったキャンバスに合わせてレイアウトする
STEP4 解像度を1.5倍(@3x)に変更する(1125*2001)
STEP5 キャンバスを広げる(1242*2208)
STEP6 広がったキャンバスに合わせてレイアウトする
PSDデータの展開でやること
• iPhone 5サイズをベースにiPhone 6 & 6 Plusサイズに展開
(640*1136 / 750*1334 / 1424*2208)
• 実機での確認がより重要
• ピクセル固定する場所、リキッドする場所を考慮して作る
まとめ
iPhone 6 & 6 Plusを意識して デザインできるなら、ツールはなんだっていい。
提案・運用・web・native app etc… 作るモノに合わせてツールを使い分けられる方が重要
etc…