ITパスポート｜情報デザインと情報メディアをやさしく解説

2026年7月20日 05:00

※ 本記事にはアフィリエイトリンク（PR）を含みます。

情報デザインは「人に伝わる形に整える」話、情報メディアは「コンピュータで扱える形に変える」話です。 前半で伝え方の工夫を、後半で写真や音がデジタルになるしくみを見ていきます。どちらも計算は出てきません。落ち着いて読めば大丈夫ですよ。

「ユニバーサルデザインとアクセシビリティって、どう違うんだろう」「標本化・量子化・符号化、名前がこわい」……そう感じていませんか。じつはこの範囲、山はたった2つです。そこさえ越えれば、あとは名前を知っていくだけの、いちばん気楽な単元なんですよね。

シラバス（試験の出題範囲の一覧表）では、データベースの手前に置かれている範囲です。前半と後半で毛色が変わるので、ここでひとつながりに整理していきましょう。

この記事でわかること

情報デザインの考え方（デザインの原則・LATCHの法則・構造化）と、ユニバーサルデザイン
ユニバーサルデザイン・アクセシビリティ・ユーザビリティという、まぎらわしい3語の住み分け
音がデジタルになるしくみ（PCM）と、画像・動画の表し方、圧縮と伸長、代表的なファイル形式

この記事の要点（先に結論！）

情報デザインとは、目的や受け手の状況に応じて、正確に情報を伝えたり操作性を高めたりするための考え方や手法のことです。
ユニバーサルデザインとは、年齢や文化、障害の有無や能力の違いにかかわらず、できるだけ多くの人が快適に利用できることを目指す考え方です。
ヒューマンインタフェースとは、人とシステムの接点になる部分のことで、その代表がGUI（絵とポインタで直感的に操作できる画面）です。
PCM（パルス符号変調）とは、なめらかに変化する音の波を、とびとびの数値の並びに変えてデジタル化するやり方の代表です。
可逆圧縮は完全に元どおりに戻せる圧縮で、非可逆圧縮は元どおりには戻せないかわりに、より小さくできる圧縮です。

1. 情報デザインと情報メディア：この回の全体地図

まず、地図を1枚おいてから進みましょう。この回で扱うのは、シラバスの中分類19「情報デザイン」と中分類20「情報メディア」です（2026年7月時点・シラバスVer.6.5）。

2つの中分類は、こう役割が分かれています。

情報デザイン……人に伝わる形に整える話（見せ方・並べ方・操作のしやすさ）
情報メディア……コンピュータで扱える形に変える話（文字・音・画像・動画のデジタル化）

たとえるなら、駅の案内板と券売機の中身です。案内板は「どう並べれば迷わないか」を考える情報デザイン。券売機の中で情報が0と1になって動いているのが情報メディア。同じ駅の中にある、表と裏の関係ですね。

なお、この範囲は「操作できるようになりましょう」ではなく「考え方と名前を知りましょう」という単元です。計算問題も、手順の暗記も出てきません。気持ちをラクにして読み進めてくださいね。

2. 情報デザインの考え方：整えると、伝わる

情報デザインとは、目的や受け手の状況に応じて、正確に情報を伝えたり、操作性を高めたりするための考え方や手法のことです。

大事なのは、内容は同じでも、整え方しだいで伝わり方が変わるという点です。同じ時刻表でも、並べ方ひとつで迷う人の数が変わりますよね。それを意識的にやるのが情報デザイン、というわけです。

シラバスでは、情報を可視化し（見える形にして）、構造化し（グループに分けて組み立てて）、要素どうしの関係をわかりやすく整理できることが求められています。

2.1 構造化：話す前に、見出しを立てる

構造化とは、バラバラの情報をグループに分けて、順番や関係がわかるように組み立てることです。

たとえるなら、話す前に見出しを立てること。思いつくままにしゃべると伝わりませんが、「まず結論、次に理由3つ」と組んでおけば、聞き手はついてこられます。情報も同じなんですね。

2.2 デザインの原則：近接・整列・反復・対比

見やすくするための基本のワザが、デザインの原則です。シラバスには4つが挙がっています。

近接……関係のあるものを近くに置く（見出しと本文をくっつける）
整列……端や中心をそろえる（左端をピシッとそろえる）
反復……同じ形をくり返す（見出しの見た目を毎回同じにする）
対比……大事なところに差をつける（そこだけ大きく・太く）

たとえるなら、学級新聞のレイアウトです。写真とキャプションを近づけ、文章の左端をそろえ、コーナーの見出しを同じ形にして、トップ記事だけ大きくする。4つとも、1枚の紙の上でやっていることなんですよ。

2.3 LATCHの法則：並べ方は、この5通り

LATCH（ラッチ）の法則とは、情報の並べ方は5通りに整理できるという考え方です。頭文字をとって、こう並びます。

Location（場所）……地図の上に置く、売り場ごとに分ける
Alphabet（五十音・アルファベット）……あいうえお順、ABC順
Time（時間）……新しい順、起きた順
Category（分類）……ジャンルごとに分ける
Hierarchy（階層）……大きい順、ランキング順

たとえるなら、本屋さんの棚です。地図コーナー（場所）、著者名の五十音順（アルファベット）、新刊コーナー（時間）、ジャンル別の棚（分類）、売れ筋ランキング（階層）。ぜんぶ同じ本屋の中にありますよね。並べ方に迷ったら、この5つのどれかだと思ってください。

2.4 シグニファイア・構造化シナリオ法・UXデザイン

残り3つの言葉も、名前と一言でそろえておきましょう。

シグニファイア……「こう使うんだな」とわかる手がかりのこと
構造化シナリオ法……使う場面を物語の形で書き出して設計する手法
UXデザイン（ユーエックスデザイン。User Experience デザイン）……使った人の体験まるごとを良くする設計

シグニファイアは、ドアの取っ手を思い浮かべてください。平らな板が付いていれば押す、棒が付いていれば引く。説明書を読まなくても、見ただけで使い方がわかりますよね。あの「手がかり」がシグニファイアです。

UXデザインは、商品そのものだけでなく、知る・買う・使う・困ったときに聞くまでを含めて良くしよう、という発想です。使いやすさより一段広い、と押さえてください。

2.5 ピクトグラムとインフォグラフィック

伝え方の工夫として、絵の力を借りる2つも挙がっています。

ピクトグラム……言葉が読めなくても伝わる絵の標識（非常口の走る人のマークなど）
インフォグラフィック……数や関係を、図やイラストで一目でわかるようにしたもの

ピクトグラムは、日本語が読めない人にも伝わるところが要点です。インフォグラフィックは、数字の羅列より天気予報の傘マークのほうが一瞬でわかる、あの感覚ですね。

3. ユニバーサルデザインとアクセシビリティ：前半の山場

さあ、前半の山場です。ここを越えれば、情報デザインはもう安心ですよ。

3.1 ユニバーサルデザインとは

ユニバーサルデザインとは、年齢や文化、障害の有無や能力の違いなどにかかわらず、できるだけ多くの人が快適に利用できることを目指す考え方です（2026年7月時点・シラバスVer.6.5）。

ポイントは「はじめから、みんなが使えるように作る」という点。あとから特別な対応を足すのではなく、最初の設計に全員を入れておく発想ですね。

3.2 アクセシビリティとは

アクセシビリティは、シラバスではユニバーサルデザインの用語例として挙がっています。ただし、シラバスに定義文はありません。そこで別の一次情報を借りましょう。デジタル庁の資料では、アクセシビリティは情報へのアクセスのしやすさを意味するとされています。年齢や身体的特性、利用環境などにかかわらず、あらゆる人が情報や機能を利用できるよう整えておく必要がある、という説明です（2026年7月時点）。

ひとことでいえば、「その人に、ちゃんと届いているか」。届いていなければ、どんなに良い情報も無いのと同じ、という考え方です。

3.3 3語を1本の線でつなぐ

ここでもう1語、ユーザビリティ（使いやすさ）を並べておきます。この3つは、それぞれ別の問いに答えていると整理すると、もう混ざりません。

ユニバーサルデザイン……「はじめから、みんなが使えるように作ってある？」（目指す考え方）
アクセシビリティ……「その人に、ちゃんと届いている？」（届いて、使える状態か）
ユーザビリティ……「使ってみて、ラクだった？」（使い心地）

たとえるなら、駅で考えるとひと続きになります。そもそも段差のない入口として設計するのがユニバーサルデザイン。階段しかない場所にスロープやエレベーターを付けて、届いていない人に届かせるのがアクセシビリティ。そのエレベーターのボタンが押しやすいかが、ユーザビリティです。

なお、この3段の整理はこの記事の整理であって、シラバスの分類そのものではありません。ただ、シラバス上でもユニバーサルデザインとアクセシビリティは同じ小分類、ユーザビリティは別の小分類に置かれています。「置き場所が違う＝別の話」という手がかりは、そのまま使えますよ。

4. ヒューマンインタフェースとGUI：人とシステムの接点

ここからは、情報デザインの後半。画面や操作の設計の話です。

ヒューマンインタフェースとは、人とシステムの接点になる部分のことです。画面、ボタン、音声、タッチ操作……人と機械が出会う場所すべてを指します。
たとえるなら、握手する場所です。中身がどれだけ優秀でも、握手の仕方が悪ければ「使いにくい機械」で終わってしまうんですね。

4.1 いろいろな操作の方式

接点にはいくつも方式があります。名前と動作をセットで押さえましょう。

ジェスチャーインタフェース……手や体の動きで操作する方式
マルチタッチインタフェース……指で画面にふれて操作する方式（タップ、スワイプ、フリック、ピンチ、ロングプレスなど）
VUI（ブイユーアイ。Voice User Interface）……声で操作する方式

スマホを触っているとき、あなたはマルチタッチインタフェースを使っています。もう毎日つかっている言葉だった、というわけですね。

4.2 GUI：絵で並んだ道具箱

GUI（ジーユーアイ。Graphical User Interface）とは、グラフィックスを多用した視覚的な表示と、ポインティングデバイス（マウスなど、画面上の位置を指し示す機器）などによる直感的な操作ができる方式のことです。
たとえるなら、絵で並んだ道具箱。命令を文字で打ち込まなくても、絵を指させば使える。だから初めての人でも触れるんですね。

GUIの部品には、こんな名前が付いています。名前と見た目を結びつけておけば十分です。

ウィンドウ……作業の枠。アイコン……絵で表した目印
ラジオボタン……たくさんの中から1つだけ選ぶ丸いボタン
チェックボックス……いくつでも選べる四角いボックス
リストボックス……一覧から選ぶ箱。プルダウンメニュー……下に開く選択メニュー
メニューバー……上端に並ぶメニュー。ポップアップメニュー……その場に飛び出すメニュー
サムネイル……小さく並べた見本の画像。ヘルプ機能……使い方を調べる機能
ホバー（ロールオーバー）……ポインタを重ねたときに見た目が変わること
ツールチップ……重ねたときに出る小さな説明

まぎらわしいのはラジオボタンとチェックボックスの2つだけ。「丸は1つだけ、四角はいくつでも」と覚えておきましょう。

4.3 画面設計と帳票設計

画面や紙の書類（帳票）を設計するときの考え方も挙がっています。難しい話ではありません。

画面設計……入力の流れが自然になるようにする／色の使い方にルールを設ける／操作ガイダンスを表示する
帳票設計……関連項目を隣接させる／余分な情報は除いて必要最小限にする／ルールを決めて統一性をもたせる

たとえるなら、役所の申請用紙です。住所欄と氏名欄が離れたページにあったら書きにくいですよね。「関連するものは近くに」というのは、2.2で見たデザインの原則の近接と同じ発想です。

4.4 Webデザインと人間中心設計

Webサイトを作るときにも、ユーザビリティ（使いやすさ）の観点が必要になります。関連する言葉を4つ。

CSS（シーエスエス。Cascading Style Sheets）……見た目のルールをまとめて指定するしくみ。サイト全体の色調やデザインに統一性をもたせられる
モバイルファースト……スマホでの見え方を先に考えて設計すること
レスポンシブWebデザイン……画面の大きさに合わせて自動でレイアウトが変わる作り
リダイレクト……別のページへ自動で転送すること

レスポンシブWebデザインは、伸び縮みする服を思い浮かべてください。1着でいろいろな体型に合う。1つのページで、スマホにもパソコンにも合わせるわけですね。

そして、ここの締めくくりが人間中心設計です。ユーザビリティの向上を目的に、使う人を中心に置いて設計する考え方をいいます。
たとえるなら、左利き用のハサミ。「使えないほうが悪い」ではなく、道具のほうを人に合わせる。この発想が、情報デザインの根っこにあるものです。

5. マルチメディアとデジタル化：後半の山場

ここから後半、情報メディアに入ります。

マルチメディアとは、文字情報に加えて、音声、画像（静止画・動画）などのさまざまな形態のアナログ情報をデジタル化し、コンピュータ上で統合的に扱うことです。

入出力の回で、アナログ＝なめらかに変化する信号／デジタル＝0と1で表す信号という2つの名前が出てきました。今回は、そのアナログをどうやってデジタルに変えるのかへ進みます。

→ 入出力の回：ITパスポート｜USBとは？HDMI・Bluetoothも解説

5.1 まず、坂道と階段のイメージ

アナログはなめらかな坂道、デジタルはとびとびの階段です。

坂道を階段で写し取るとき、段を細かくするほど坂道に近づきます。でも、完全に同じにはなりません。この「近づくけれど、同じにはならない」感覚が、このあと出てくる話の全部につながります。覚えておいてくださいね。

5.2 PCM：音をデジタルに変える3ステップ

音をデジタルにするやり方の代表が、PCM（ピーシーエム。Pulse Code Modulation：パルス符号変調）です。
PCMがやっているのは、次の3ステップです。この3つの名前はシラバスの用語例には入っていませんが、PCMの中身を知るには一番わかりやすいので、ここで見ておきましょう。

標本化……いつ測るかを決めて、時間をとびとびに区切る
量子化……測った値を、決まった目盛りに丸める
符号化……その数字を、0と1で書き留める

たとえるなら、体温の記録です。1日の体温はなめらかに上がり下がりしますよね（＝アナログ）。これを記録するには、まず「1時間おきに測る」と決める（標本化）。次に体温計の目盛りに合わせて「36.4度」と読む（量子化）。最後にその数字を0と1で書き留める（符号化）。この3段階で、なめらかな変化がとびとびのデータになりました。

覚え方は、「いつ測る → いくつに丸める → どう書き留める」の3つの問い。時間 → 値 → 文字の順です。

最後に0と1の並びになる、というところが大事です。文字も、音も、写真も、動画も、コンピュータの中では同じ0と1になっている。だから1台の機械でまとめて扱えるんですね。

なお、0と1をまとめる単位（ビット・バイト）は、基礎理論の回でくわしく扱っています。

→ 基礎理論の回：ITパスポート｜2進数とは？基礎理論をやさしく解説

5.3 マルチメディアまわりの言葉

デジタル化された情報を、届けたり守ったりする言葉も並んでいます。名前と一言でどうぞ。

Webコンテンツ……Web上で提供される中身のこと
ハイパーメディア……文字・画像・音などをリンクで結んだ情報のまとまり
エンコード……決まった形式に変換すること／デコード……それを元に戻すこと
ストリーミング……全部受け取り終わる前から再生できる方式
DRM（ディーアールエム。Digital Rights Management）……デジタルの作品を勝手にコピーされないよう守るしくみ
CPRM（シーピーアールエム。Content Protection for Recordable Media）……記録メディア向けの、同じくコピーを守るしくみ
PDF（ピーディーエフ。Portable Document Format）……レイアウトを保ったまま配れる文書形式

ストリーミングは、水道の水です。バケツにためきる前から飲めますよね。エンコードとデコードは、エンが変換、デが戻す、と頭で覚えると迷いません。

6. 圧縮と伸長：なぜ、軽くなるのか

データを小さくすることを圧縮、それを元に戻すことを伸長といいます。

圧縮する目的は、シラバスにはっきり書かれています。データ保存（保管する場所を節約する）と、ネットワーク負荷の軽減（送るときの負担を減らす）の2つです。
どれだけ小さくなったかの割合を圧縮率といいます。そして、複数のファイルをまとめて小さくする形式の代表がZIP（ジップ）ですね。

ちなみに、ファイルをひとまとめにして保管するアーカイブについては、ファイル管理の回でお話ししています。

→ ファイル管理の回：ITパスポート｜絶対パスと相対パスとは？ファイル管理を解説

6.1 可逆圧縮と非可逆圧縮

圧縮には、性格の違う2種類があります。ここが後半のもう1つの要点です。

可逆圧縮……完全に元どおりに戻せる圧縮。そのぶん、小さくなる度合いはひかえめ
非可逆圧縮……元どおりには戻せない圧縮。捨てるぶん、うんと小さくできる

たとえるなら、服のたたみ方です。きちんとたたむだけなら、広げれば元どおり（可逆圧縮）。でも、毛玉を取ってからたためばもっと軽くなる。ただし、取った毛玉はもう戻りません（非可逆圧縮）。

非可逆圧縮でも困らないのは、捨てているのが人が気づきにくい部分だからです。写真の微妙な色の差や、耳に届きにくい音。5.1で見た「階段は坂道に近づくけれど、同じにはならない」を思い出してくださいね。

6.2 小さくする2つの考え方

なぜ小さくできるのか、その考え方も2つ名前が挙がっています。手順を覚える必要はありません。発想だけつかめば十分です。

ランレングス法……同じものが続く部分を「◯が△個」とまとめる
ハフマン法……よく出てくるものほど、短い符号を割り当てる

ランレングス法は、出席をとるときの「以下同文」。白いマスが50個続くなら、50回書かずに「白が50個」と書けば短いですよね。ハフマン法は、よく使う言葉ほど短い略語にする発想です。

なお、ファイルを実際に圧縮する操作の手順までは問われません。ここでは「なぜ軽くなるのか」がわかっていれば大丈夫ですよ。

7. 代表的なファイル形式：静止画・音声・動画

シラバスには、ファイル形式の名前がずらりと並んでいます。ここは「どの仲間の名前か」がわかれば合格点です。1つずつ深追いしないでくださいね。

7.1 静止画のしくみと形式

まず、画像には2つの表し方があります。

ラスターデータ（ビットマップデータ）……点の集まりで表す。写真向き。拡大すると粗くなる
ベクターデータ……点と線を計算式で表す。図やロゴ向き。拡大しても線がなめらか

たとえるなら、写真と設計図です。写真を拡大するとザラザラしますが、設計図は「ここからここへ直線」と書いてあるので、どれだけ拡大しても線は線のままなんですね。

静止画のファイル形式としては、JPEG（ジェイペグ）・GIF（ジフ）・PNG（ピング）・BMP（ビーエムピー）・TIFF（ティフ）・EPS（イーピーエス）が挙がっています。

7.2 音声の形式

音声では、さきほどのPCMのほかに4つ。

MIDI（ミディ）……音そのものではなく、演奏の指示を記録する形式
WAV（ウェーブ）……生の音に近いまま記録する形式
MP3（エムピースリー）・AAC（エーエーシー）……小さくして扱いやすくした形式

MIDIだけ性格が違います。楽譜（指示書）を送るか、音そのものを送るかの違い、と押さえておきましょう。

7.3 動画のしくみと形式

動画は、パラパラ漫画です。1枚1枚の絵をフレーム、1秒あたり何枚めくるかをフレームレートといいます。フレームレートが高いほど、動きがなめらかになります。

動画の形式・規格としては、MPEG（エムペグ。Moving Picture Experts Group）・H.264（エイチにいろくよん）・H.265（エイチにいろくご）・AVI（エーブイアイ）・MP4（エムピーフォー）が挙がっています。

なお、どの形式をどんな場面で使うかについて、シラバスは説明していません。一般には、写真はJPEG、図やロゴはPNGが向くとされますが、まずは名前がどの仲間かがわかれば十分ですよ。

8. グラフィックス処理と、その応用

最後の一区切りです。画像の見た目を決める要素と、応用分野の名前を見ておきましょう。

8.1 色の表し方

コンピュータの色の作り方は、2通りあります。

光の3原色（RGB。アール・ジー・ビー）……赤・緑・青の光を重ねる。重ねるほど明るくなる＝加法混色
色の3原色（CMY。シー・エム・ワイ）……シアン・マゼンタ・イエローのインクを重ねる。重ねるほど暗くなる＝減法混色。黒（K）を足したものがCMYK（シー・エム・ワイ・ケー）

たとえるなら、懐中電灯と絵の具です。懐中電灯を何本も重ねると明るくなり、絵の具を混ぜていくと黒っぽくなる。画面はRGB、印刷はCMYKと結びつけておきましょう。

また、色そのものは色相（色み）・明度（明るさ）・彩度（あざやかさ）の3つで表されます。

8.2 画質を決める言葉

画像の品質は、次の3語で表されます。ここは混ざりやすいので、ゆっくりいきましょう。

画素（ピクセル）……絵をつくる1つ1つの点
解像度……その点の細かさ。細かいほどなめらかで、そのぶんデータは重くなる
階調……色の段階の細かさ

解像度は、編み物の目の細かさです。目が細かいほど、なめらかな仕上がりになりますが、糸をたくさん使いますよね。階調は色えんぴつの本数。12色より24色のほうが、なめらかに塗り分けられます。

細かさの単位が、dpi（ディーピーアイ。dot per inch＝1インチあたりの点の数）と、ppi（ピーピーアイ。pixels per inch＝1インチあたりの画素の数）です。

そして、画像を描くソフトは2系統に分かれます。7.1の2つと、そのまま対応しています。

ペイント系ソフトウェア……ラスター形式を扱う
ドロー系ソフトウェア……ベクター形式を扱う

8.3 マルチメディア技術の応用

最後は、応用分野の名前です。ここは代表例として名前が並んでいるだけなので、深入りは不要ですよ。

CG（シージー。Computer Graphics：コンピュータグラフィックス）……コンピュータで作る画像や映像
VR（ブイアール。Virtual Reality：仮想現実）……別世界に入り込む
AR（エーアール。Augmented Reality：拡張現実）……今いる景色に情報を重ねる
MR（エムアール。Mixed Reality：複合現実）……その中間で、現実と仮想を組み合わせる
メタバース／3D／シミュレーター／ゲーム／4K・8K……そのほかの代表的な応用分野

VRの体験によく使われるのが、入出力の回に出てきたヘッドマウントディスプレイ（頭に装着して、目の前に映像を映すディスプレイ）です。ここでつながりましたね。

9. まとめ：3行でふりかえり

情報デザインは「人に伝わる形に整える」考え方。デザインの原則（近接・整列・反復・対比）とLATCHの法則が土台です。
ユニバーサルデザインは「はじめからみんなが使えるように作る考え方」、アクセシビリティは「届いているか」、ユーザビリティは「使いやすいか」。3つとも別の問いに答えています。
PCMは、標本化（いつ測る）→ 量子化（いくつに丸める）→ 符号化（0と1で書き留める）の3ステップ。圧縮は、完全に戻せる可逆圧縮と、戻せないかわりに小さくできる非可逆圧縮の2種類です。

いかがでしたか？名前がたくさん出てきましたが、山は2つだけでした。3語の住み分けと、PCMの3ステップ。 この2つが言えれば、この範囲はもう自分のものです。通学や通勤のとき、駅の案内板やスマホの画面を「これは情報デザインだな」と眺めてみましょう！

10. よくある質問（FAQ）

Q1. ユニバーサルデザインとアクセシビリティの違いは何ですか？

A. ユニバーサルデザインは「はじめから、できるだけ多くの人が快適に使えるようにする考え方」、アクセシビリティは「その情報や機能に、たどりつけて使えるか」です。シラバスVer.6.5では、アクセシビリティはユニバーサルデザインの用語例の中に置かれており、並列というより入れ子の関係になっています（2026年7月時点）。駅でいえば、段差のない入口として設計するのがユニバーサルデザイン、階段しかない場所にスロープを付けるのがアクセシビリティです。

Q2. ユーザビリティとUXデザインの違いは何ですか？

A. ユーザビリティは「使いやすさ」そのもの、UXデザインは「使った人の体験まるごとを良くする設計」です。UXデザインのほうが範囲が広く、知る・買う・使う・問い合わせるといった流れ全体を含みます。シラバスVer.6.5でも、この2語は別の小分類に置かれています（2026年7月時点）。

Q3. 可逆圧縮と非可逆圧縮の違いは何ですか？

A. 可逆圧縮は完全に元どおりに戻せる圧縮、非可逆圧縮は元どおりには戻せないかわりに、より小さくできる圧縮です。非可逆圧縮が成り立つのは、人が気づきにくい情報を捨てているからです。どちらもシラバスVer.6.5の用語例に挙がっています（2026年7月時点）。

Q4. 標本化・量子化・符号化の順番と覚え方は？

A. 標本化（いつ測る）→ 量子化（いくつに丸める）→ 符号化（0と1で書き留める）の順です。「時間 → 値 → 文字」と覚えると迷いません。なお、この3語はシラバスVer.6.5の用語例には入っておらず、用語例にあるのはPCM（パルス符号変調）です（2026年7月時点）。3ステップは、そのPCMの中身として理解しておくとよいですよ。

Q5. 画素と解像度の違いは何ですか？

A. 画素（ピクセル）は絵をつくる1つ1つの点、解像度はその点の細かさです。編み物でいえば、1目1目が画素、目の細かさが解像度にあたります。細かさの単位には、dpi（1インチあたりの点の数）とppi（1インチあたりの画素の数）があります（2026年7月時点・シラバスVer.6.5）。

Q6. 情報デザインと情報メディアはITパスポートで何問くらい出ますか？

A. 中分類ごとの出題数は公表されていません。公表されているのは、テクノロジ系が約45問という分野ごとの目安までです（2026年7月時点）。ですので「何問出るか」は断定できませんが、テクノロジ系の一部として、用語の意味と考え方を押さえておけば十分に対応できる範囲です。