‹ 特典一覧特典 14 / 50図解を見る ↓
ウェブフリ公式ロゴInstagram限定特典

14|知る・整える・始める

Webデザイン未経験から初案件への道筋

作る理由を説明できる、最初のポートフォリオへ。

目的
配置
確認
Instagram限定特典 14|2026年9月版01 / 14
ウェブフリ公式ロゴ在宅フリーランススタート50大特典

進める順番

最初の1か月で基礎を固める

1

配置・文字・色を学ぶ

余白、揃え方、文字の強弱を、作例で確かめる。

2

参考を観察して再現する

学習用の模写と、公開する自主制作を区別する。

3

架空の依頼で制作する

誰に何を伝えるかを決め、バナーを3案作る。

Instagram限定特典 14|2026年9月版02 / 14

ひと目で整理図解 14

デザインは、依頼の目的から始める

ツールを開く前に、作るものの役割を決めましょう。

  1. 01
    誰に、何を伝える?

    対象者・目的・使う場所を依頼書に。

  2. 02
    何を優先して見せる?

    情報の順番と、大きさ・配置を決める。

  3. 03
    指定形式に仕上げる

    サイズ・数量・書き出しを確認。

  4. 04
    工夫を説明する

    目的と、自分の判断を作品に添える。

ここがポイントきれいな見た目に加え、見せる順番の理由まで説明できる作品を作ろう。
ウェブフリ公式ロゴ在宅フリーランススタート50大特典

ポイントを比べる

自主制作の依頼書を作る

目的を具体的にする

例:架空のカフェで、平日ランチの予約を増やす。対象は近隣で働く人とする。

条件を先に決める

掲載場所、サイズ、必須の文言、使える写真を整理。公開時は架空案件と明記する。

Instagram限定特典 14|2026年9月版03 / 14
ウェブフリ公式ロゴ在宅フリーランススタート50大特典

選ぶ前に比べる

作品説明で、考え方を見せる

見た目の説明だけ

「おしゃれにしました」では、依頼の目的とのつながりが伝わりにくい。

判断の理由を書く

予約ボタンを目立たせた理由や、スマホで読みやすくした工夫を説明する。

Instagram限定特典 14|2026年9月版04 / 14
ウェブフリ公式ロゴ在宅フリーランススタート50大特典

あなたの場合を書いてみよう

1作品の説明を組み立てる

誰に、何を伝える?

例:近隣の会社員にランチ予約を案内。

どの工夫で解決する?

例:価格・時間・予約先を順番に配置。

何を確認して改善した?

例:スマホ表示で文字の大きさを調整。

Instagram限定特典 14|2026年9月版05 / 14
ウェブフリ公式ロゴ在宅フリーランススタート50大特典

具体例で考える

告知画像は、読む順番を決める

修正前の状態

店名、説明、日付、価格をすべて同じ大きさで並べると、何の案内か見つけにくい。

修正するときの判断

架空の教室体験会なら、①体験内容、②開催日、③申込方法の順に強調。説明は短くし、余白を残す。

説明用の架空例です。実際の成果や受注実績ではありません。

Instagram限定特典 14|2026年9月版06 / 14
ウェブフリ公式ロゴ在宅フリーランススタート50大特典

気になったことを、自分の経験と重ねよう。

デザインのどの工程に惹かれたかを、自分の副業選びにつなげてみましょう。

副業スキル診断

学習や仕事の選び方を考えるきっかけに。

無料診断を受ける

診断は、仕事選びを考えるための参考としてお使いください。

Instagram限定特典 14|2026年9月版07 / 14
ウェブフリ公式ロゴ在宅フリーランススタート50大特典

同じ条件で比べる

最初の案件で確認する範囲

バナー

画像制作

サイズ違いの追加を確認。

Webページ

画面デザイン

スマホ版を含むか確認。

公開作業

実装・設定

デザインとは分けて確認。

素材準備

写真・文章

誰が用意するかを決める。

Instagram限定特典 14|2026年9月版08 / 14
ウェブフリ公式ロゴ在宅フリーランススタート50大特典

進める順番

提案から初稿までの流れ

1

要件を聞き、文章で確認

用途、納期、予算、必要素材を揃える。

2

方向性を先に合わせる

ラフや参考で、配置と雰囲気を確認する。

3

初稿と判断理由を提出

デザインの意図を短く添え、修正点を集約する。

Instagram限定特典 14|2026年9月版09 / 14
ウェブフリ公式ロゴ在宅フリーランススタート50大特典

確認しておきたいこと

納品前に確認すること(1/2)

文字とリンク

誤字、価格、日時、URLを照合する。

見え方

スマホで読めるか、写真が切れないか。

利用条件

写真、フォント、素材の商用条件を確認。

Instagram限定特典 14|2026年9月版10 / 14
ウェブフリ公式ロゴ在宅フリーランススタート50大特典

確認しておきたいこと

納品前に確認すること(2/2)

渡すデータ

画像形式、元データ、権利の扱いを確認。

Instagram限定特典 14|2026年9月版11 / 14
ウェブフリ公式ロゴ在宅フリーランススタート50大特典

あなたの場合を書いてみよう

今日から進めることを決める

最初に扱う制作物は?

例:飲食店の告知バナー。

今の課題は?

例:文字の優先順位をつける。

今週の練習は?

例:同じ依頼で3案を作り比べる。

Instagram限定特典 14|2026年9月版12 / 14
ウェブフリ公式ロゴ在宅フリーランススタート50大特典

参考にした情報

確認に使える公式情報

2026年9月確認。制度・取引・受講の条件は、各窓口の最新案内も確認してください。

Instagram限定特典 14|2026年9月版13 / 14
ウェブフリ公式ロゴ在宅フリーランススタート50大特典

自分の得意を、仕事選びのヒントに。

デザインのどの工程に惹かれたかを、自分の副業選びにつなげてみましょう。

副業スキル診断

学習や仕事の選び方を考えるきっかけに。

無料診断を受ける

診断は、仕事選びを考えるための参考としてお使いください。