サイトのスタイルでモバイル版記事ページ

成果物の例

このサービスについて

スマートフォンでは記事は長い1カラムで読まれるため、サイドバーよりも、読みやすい文字サイズ、短い段落、明確な小見出し、画面幅いっぱいの画像が大切です。固定ヘッダーや読了の進捗バーがあれば、読者は今どこを読んでいるかを見失いません。ブログやニュースのスクリーンショットのスタイルで、タイトル、著者と日付の行、冒頭の画像、小見出し、引用や囲み、関連記事、購読のブロックを備えたモバイル版記事ページを描きます。各画像はスクリーンショット1枚から、アップロードした画像の形にかかわらず縦長の2:3、約150万画素のPNGモックアップとして作るので、パソコン版のブログのスクリーンショットでも大丈夫です。お届けするのは画像で、ブログのテーマ、コード、Figmaのファイルではありません。

含まれる内容

• 納品内容ブログのスタイルでスマートフォンに表示した記事ページを、縦長のPNGモックアップで1点、3点、または5点、それぞれ約150万画素でお届けします。プランの枚数より少ないスクリーンショットを送った場合、残りの画像では引用のある中ほどや関連記事のある最後など、記事の別の部分をお見せします。
• 読みやすいカラムスマートフォンで読みやすい文字サイズと行の長さ
• タイトル部分上部に見出し、著者、日付、読了時間
• 小見出しと引用長い文章も拾い読みしやすい、はっきりした区切り
• 画面幅いっぱいの画像冒頭と本文中の画像を画面幅いっぱいに
• 記事の最後関連記事、タグ、購読のブロック

ご利用の流れ

1. 1
   ブログのスクリーンショットブログをアップロードし、タイトルと小見出しをお送りいただきます
2. 2
   記事のレイアウトお客様のスタイルでスマートフォン向けの記事ページを描きます
3. 3
   修正見出しを確認し、プランの範囲内で修正をご依頼いただけます

ご用意いただくもの

使用する権利をお持ちのサイトのブログやニュースのページ、またはスタイルの参考にするだけの見本の、くっきりしたスクリーンショットをPNG、JPEG、WebP形式で最大5枚（PDFは不可）。記事のタイトル、著者名、日付、小見出しを正確にお送りください。本文は仮の行で表示するので、全文を送る必要はありません。

お伺いする内容：

• 記事のタイトルと小見出しは何ですか？
• タイトルの下には何を入れますか？
• 記事の最後には何を置きますか？

プランを比較

質問と回答

答えが見つかりませんか？ 質問する