Easier to read with cream paper, a tint, more contrast or larger text? Choose your colours and text, once, for every page.

プレビュー

ピクトグラムと図解

これはレッスンの最初のページです。読んで、アクティビティを試してみましょう。続きは授業の全体にあります。

30分

言葉が分からなくても伝わる

知らない国の空港で、トイレを探しています。言葉は読めません。

でも、壁の絵のマークを見て、すぐに場所が分かりました。

絵には、言葉をこえて伝わる力があります。今日は、絵や図、グラフで伝える方法を学びます。

今日のキーワード

ことばいみれい
ピクトグラム意味を、単純な絵で表したマークです。非常口のマーク
図解言葉だけでなく、図を使って説明することです。手順の流れ図
グラフ数を、形や長さで表した図です。棒グラフ
縦軸グラフの、たての数の目もりです。0、50、100
割合全体のうち、どれだけかを表す数です。100人中25人は25%

学生が入力するセルは、このプレビューでは空白です。

よいピクトグラムの条件

よいピクトグラムは、単純です。細かい線は、遠くからだと見えません。

次に、一つの意味だけを表します。最後に、背景との差が大きいことも大切です。

見ただけで意味が分かれば、文字がなくても伝わります。

小さな確認: 絵のマーク

やってみよう

小さな確認: 絵のマーク

3問
挑戦してみましょう。回答はここで採点され、その後は保存されません。点数を残したい場合や、続きから再開したい場合はログインしてください。ログインして点数を保存

答えはここで採点され、保存されません。アカウントがあれば、結果が残ります。

例: 目的に合うグラフ

伝えたいこと向くグラフ例
量をくらべる棒グラフ部活ごとの部員数
時間の変化を見せる折れ線グラフ一週間の気温
全体の割合を見せる円グラフ通学の方法の割合
細かい数字を正しく伝える表テストの点数の一覧

学生が入力するセルは、このプレビューでは空白です。

グラフでうそをつかない

棒グラフで、縦軸を0から始めないと、差が大きく見えます。

たとえば、先月が100人、今月が105人です。差は5人で、5%しかふえていません。

でも、縦軸を95から始めると、棒の高さが5と10になり、2倍に見えます。

やってみよう: 棒の高さをくらべる

コード: web
<div class="row">
  <div class="chart"><p>0から始める</p>
    <div class="bar" style="height: 100px">先月</div>
    <div class="bar" style="height: 105px">今月</div></div>
  <div class="chart"><p>95から始める</p>
    <div class="bar" style="height: 50px">先月</div>
    <div class="bar" style="height: 100px">今月</div></div>
</div>

例: 100と105の見え方

縦軸の始まり先月の棒今月の棒見え方
0100105ほとんど同じ
955102倍にふえたように見える

学生が入力するセルは、このプレビューでは空白です。

レッスンはまだ続きます

このレッスンの残り4つの部分は、練習問題や最後の確認とともに、授業の全体にあります。アカウントがあれば、すべて使えます。