iOSアプリ申請に必要なスクリーンショットをFigmaのテンプレートで作る！
やっとアプリを作って一安心。
さてAppStoreに申請だ。
と、ここからが大変ですよね。
いろいろな質問に答えたり、アイコンやスクリーンショットを作ったり・・・。
アイコンは生成AIでなんとかなるけど、スクリーンショットは自分でやらないと。
たんなるスクリーンショットなら簡単だけど、最近のスクリーンショットはデザインかっこいい。
でも、デザインセンスないし。
そんなときには、Figmaのテンプレート
世界中の多くの方がテンプレートを公開してます。
とはいえ、Figmaは初めてで結構悩んだので、ここにメモります。
Figma の使い方はほとんど知らなく、適当にやって自分なりにうまくいったやり方ですので、もっといいやり方があるとは思います。
（教えてください）
こちらのテンプレートを使いました。
https://www.figma.com/community/file/1165594034578098226
「Figmaで開く」をクリック
こんな画面
ちなみにアンドゥしたい場合は、各PCのデフォルトのアンドゥのやり方でできます。
（Macの場合 command + Z）
FirstShot
背景の色
以下の順番
文字
文字をクリック
僕の場合はフォントがなかったので、代替フォント（Noto Sans JP）を指定しました。
なお、フォントがない場合は文字を入力できません。
入力してもすぐ元の文字に戻り、すごくハマったところです。
スマホ画面
左側の 6.5_FireShot_✅Change Here!!
＞ component2
＞ Screen
＞ 💚Put Image Here
結果
もう１つのスマホ画面は
Component3 で同様のことを実施
他のShot
背景の色
ここは、なんでこんなやり方なのか、謎なんだけど、そういう仕様。
いろんなやり方あるんだろうけど、僕がやったやり方。
文字
前述と同じ
スマホ画面
前述と同様
画像ファイルに変換
できた。
あとは画像ファイルに変換する。
画像を右クリック
＞コピー/貼り付けオプション
＞PNGとしてコピー
そのあと、何か画像編集ソフトに貼り付ける。
以上
ad
- Tweet
-
-
この記事が気に入りましたら、ぜひTwitter、facebookボタンをお願いします。
ブログを書くモチベーションになります。よろしくお願いします。
ビットコイン投げ銭ウィジェット
関連記事
-
-
クラウドソーシングで、外国の人と一緒にアプリを作ることに挑戦（その１）
私は趣味でiPhoneアプリなどを作ってますが、プロではないので、当たり前のことですが
-
-
クソゲー大賞受賞作「ぐるぐる」が、withnews、AppBank、日経MJに掲載されました
先日のブログでご紹介しましたが、7月2日東京で開催されたクソゲー供養会で、私のアプリ「ぐるぐ
-
-
アプリの画面の向きを、縦（横）に固定させる方法
iPhoneアプリ開発の備忘録です。 今回は、アプリの画面の向きを固定したいとき。 X-codeで
-
-
【iPhoneアプリ開発備忘録】 UnityからiPhoneに転送後、BGMや効果音が出なくなった時の解決策
Unityで作ったゲームをiPhone実機に転送した時、BGMや効果音が出なくてハマりま
-
-
【iPhoneアプリ開発備忘録】 Xcode6 Validate時のエラー「iTunes Store operation failed. No suitable application records were found.」
アプリが完成、あとはアップルに申請するだけ。 しかし、これからがいつも簡単には終わりませ
