🏡まったのブログ

毎回忘れる!iPhoneのモックアップ画像の作り方

目次

以下からXdやKeynoteの素材データをダウンロードできるけど、上記画像の奴はXdには入っていない。よってKeynoteのみで作れる。

https://developer.apple.com/design/resources/

Xdでアートボードの高さを812pxに変更してから(プロトタイプの動画を撮る場合はスクロールをさせるため、これより高くなっているはずだから戻すのを忘れないで)、Cmd+Eで書き出す(2xの画像が欲しいからWebとして書き出すのがいいかも)。

写真右上の置き換えるで書き出した画像を洗濯してやればOK。

参考

https://www.softantenna.com/wp/review/apple-design-resources/