前々からやっていたアプリデザインリニューアルですが、 やっとリリースできました。
アプリに合わせてWebサイトもリニューアルしました。
作成的にはfigmaでデザインを作って
それをReactのコードに対応させていった感じ。 最近はfigmaの扱いも、かなり慣れてきてサクッと作れた
以前、アプリのスクリーンショットをAppLaunchpadで作成した記事を書きましたが、
figmaでスクリーンショットを作成する
まずは使用するアプリのスクリーンショットを撮りMockUPhoneというサイトからスマホ画像を作成する
ここだとiPhoneXの画像も無料で作れるので便利
あとは必要なスクリーンショットのサイズを調べて、各サイズのFrameをfigmaで作成
https://help.apple.com/app-store-connect/#/devd274dd925
それで作成して、こんな感じ
前は時間が無くてAppLaunchpadを使ったけど、時間があればfigmaの方がクオリティ高いやつが作れるなと思った