アプリをSNSでシェアする
画像サイズ、フレーム、ローンチ投稿、ウォーターマーク。X、Instagram、LinkedInなどでアプリのスクリーンショットをシェアするすべての人のためのガイドです。
アプリのスクリーンショットをSNSでシェアするときの画像サイズ
XやInstagram、LinkedIn、Threadsなどで、アプリのスクリーンショットが切れずに表示される画像サイズと比率をまとめました。
SNSでスクリーンショットを見栄えよく見せる方法
大事な部分を切り取り、余白と背景、やわらかな影を加えてフレームに収め、適切なサイズで書き出す。フィードで映えるスクリーンショットのチェックリスト。
MacでスクリーンショットをiPhoneのフレームに入れる方法
MacでiPhoneのスクショをデバイスフレームに入れる3つの方法。FeatureFrameにドロップするか、無料PNGをKeynoteやFigmaで重ねます。
Xでアプリのスクリーンショットをシェアする方法
Xでアプリのスクリーンショットが変に切れないように投稿する方法。16:9のサイズ、2〜4枚の並び方、代替テキスト、動画が向く場面。
アプリのスクリーンショットでInstagramのカルーセルを作る方法
アプリのInstagramカルーセルの作り方。1080 × 1350の4:5スライド、目を引く1枚目、1枚に1つのアイデア、統一感、キャプションと代替テキスト。
アプリのローンチに使うSNS画像のチェックリスト
XやInstagram、Product Huntなどでローンチ日に使う画像。サイズ、統一したスタイル、前日のチェックリスト。
ビルド・イン・パブリック：進捗のスクリーンショットをシェアする方法
ビルド・イン・パブリックで何をどのくらい投稿するか。個人情報を消し、速いフィードでも伝わるように進捗のスクリーンショットを見せる方法。
スクリーンショットにウォーターマークを入れる方法
転載されても名前が残るよう、スクリーンショットに小さなハンドルネームやロゴを入れる方法。位置、大きさ、濃さ、Macでの手順。
アプリのウェブサイト用のOpen Graph画像
アプリのサイトがシェアされたときに表示される画像。1200 × 630のサイズ、追加するメタタグ、文字の安全領域、プレビューの確認方法。
クレイモックアップ：好きな色で使えるミニマルなデバイスフレーム
クレイモックアップとは何か、マットな単色フレームがリアルなフレームより合う場面、色の選び方、Macでクレイモックアップを作る方法。
Macでウインドウの影なしのスクリーンショットを撮る方法
macOSでウインドウの影なしのスクリーンショットを撮る方法。Optionキーを押してクリックする方法、影をずっとオフにするターミナルの設定、元に戻す方法。
iPhone、iPad、MacのApp Storeスクリーンショットのサイズ
App Store Connectが受け付けるiPhone、iPad、Macのスクリーンショットのサイズと、必須のサイズ、却下されないためのルール。