hsaHSALEARNING CAMPUS← 画像編集の教材一覧07 / 10
画像編集 / LESSON 07

素材・イラスト・アイコンを使おう

読む目安 5分 · 実践目安 20分 · 文章+ワークシート

TODAY’S GOAL

素材を装飾として増やす前に、読者を助ける役割を持たせます。

01 理解する02 試してみる03 振り返る

基本を理解する

Canvaには、写真だけでなく、イラストやアイコン、図形といった「素材」も豊富に用意されています。これらを上手に使うと、デザインが一段とプロっぽく、分かりやすくなります。

この教材を読み終えると、次のことができるようになります。

  • 欲しい素材をキーワードで探せる
  • 図形・アイコン・線を使い分けられる
  • 「使いすぎない」というバランス感覚が身につく

素材の探し方

左メニューの「素材」から、キーワードで検索します。「矢印」「チェックマーク」「吹き出し」など、欲しいパーツを言葉で探せば、すぐに見つかります。クリックするだけでデザインに追加されます。色を変えられる素材も多く、デザイン全体の色に合わせて調整できます。

よく使う素材

  • 図形(四角・丸):文字の背景や区切りに使う
  • アイコン:内容を一目で伝える小さな絵
  • 線・矢印:視線を誘導したいときに

素材の使いどころ

素材は「飾り」ではなく「伝わりやすくする道具」と考えると、使いどころが分かります。たとえば、料金表のポイントにチェックマークをつける、手順を矢印でつなぐ、大事な言葉を吹き出しで囲む——このように、内容を分かりやすくする目的で使うと効果的です。なんとなくの飾りは、かえって邪魔になりがちです。

使いすぎに注意

素材は便利ですが、あれこれ詰め込むと、かえってごちゃごちゃします。「これは本当に必要か?」と考えて、必要なものだけを使いましょう。シンプルさが、見やすいデザインの基本です。迷ったら「引き算」で、余計なものを減らすほうがきれいにまとまります。

よくあるつまずきと対処法

  • 素材の色がデザインから浮く → 素材を選んで色を変え、デザインで使っている色にそろえると、一気に馴染みます
  • ごちゃごちゃした印象になる → 素材を減らすのが一番の解決策。1つ削るだけでも見違えます
  • 王冠マークの素材が多い → それは有料素材です。無料の素材だけでも十分そろうので、マークのないものを選びましょう
やってみよう作りかけのデザインに、アイコンか図形を1つだけ足してみましょう。逆に、飾りが多いと感じたら1つ削ってみてください。「足す」と「引く」の両方を試すと、ちょうどいい塩梅が分かってきます。
POINT素材選びに迷ったら、テンプレートで使われている素材を参考にしましょう。プロがどんなパーツをどう配置しているか観察するのが、上達のヒントになります。

素材には案内する役割を与える

アイコンは、日時、場所、手順などを見分ける助けになります。ただし絵だけで意味が伝わるとは限りません。初めて見る人にも分かるよう、重要な案内には短い文字を添えます。見た目が可愛いからという理由だけで置いた素材は、一度外して比べてみましょう。

矢印は視線を誘導しますが、複数方向に使うと読む順序が分かりにくくなります。申し込み先を示す矢印なら、向いた先に案内があるかを確認します。飾りとして置いた矢印が、別の場所へ視線を逃がしていないかも見ます。

揃えるのは色だけではない

線画と立体的なイラストを混ぜると、同じ役割なのに統一感がなくなることがあります。線の太さ、角の形、塗りの有無を揃え、同じシリーズの素材を使うと整えやすくなります。写真が主役の画像では、アイコンの存在感を小さく抑える方法もあります。

素材の再配布やテンプレートとしての販売は、完成画像への使用と同じ条件とは限りません。素材単体を商品として渡す前に、利用条件を確認します。授業では完成画像へ組み込む練習と、素材そのものを配ることを分けて考えます。

手を動かす:実践の手順

  1. 01
    日時・場所・参加方法のうち、アイコンが役立つ項目を2つ選ぶ。
  2. 02
    線の太さと作風が近い素材を探し、同じ大きさで置く。
  3. 03
    アイコンに短いラベルを添え、文字との間隔を揃える。
  4. 04
    装飾を半分に減らした案も作り、必要な情報が読みやすい方を選ぶ。
WORKED EXAMPLE

具体例で確かめる

【改善例】時計のアイコンの横に「10:00〜11:00」、画面のアイコンの横に「オンライン」と置けば、役割が明確です。意味のない星を5つ加えても情報は増えません。星を取り、見出しの周りに余白を戻すと、講座名が読みやすくなることがあります。

コピーして使えるワークシート

自分の条件に置き換えて使ってください。入力内容は、下の学習メモにも残せます。

記入用テンプレート
使う素材:
素材で伝える意味:
一緒に置く文字:
揃える見た目:
利用条件の確認先:
外してもよい装飾:
YOUR PRACTICE

この章の実践課題

告知画像に役割のあるアイコンを2つ追加し、追加前後を比較してください。アイコンがないと何が伝わりにくいのか、説明できないものは外して構いません。

できたことを確認する

チェックはこのブラウザに保存されます。すべてにチェックしなくても、教材は自由に読み進められます。

理解度チェック

装飾を増やすほど見にくくなった場合は?

答えと解説を確認する

各素材の役割を確認し、説明できない装飾から減らします。情報の優先順位と余白を整え直します。

学習メモ

このブラウザに自動保存します

端末間では同期されません。共有端末ではご注意ください。パスワード、認証コード、お客様の個人情報は記入しないでください。

公式情報・確認先

操作画面・料金・利用条件は変わることがあります。利用時点の公式案内を確認してください。

教材改訂:2026年9月14日。具体例の数値や案件は、特記のない限り練習用です。

読み終えたら記録しましょう。あとで解除できます。

コースの教材一覧へ戻る