第3講

WindowsのGUIを言葉で理解する

Windowsの画面は、アプリやファイルを視覚的に扱うための代表的なGUIです。ここでは、最新Windowsの一般的な画面構造を、言葉で整理します。

GUIとは何か

GUIとは、Graphical User Interfaceの略で、文字だけの命令ではなく、画面上のボタン、アイコン、メニュー、ウィンドウを使って操作する仕組みです。

見える人は、アイコンの形、ボタンの位置、ウィンドウの重なり、強調表示などを見て、現在の状態を理解します。

デスクトップ

Windowsのデスクトップは、視覚的には作業机のような領域です。背景の上に、アプリやファイルの小さな記号であるアイコンが並びます。

アイコンは、視覚的な目印です。小さな絵と短い名前が組み合わされており、見える人はそれを見て、何のアプリか、何のファイルかを判断します。

タスクバー

タスクバーは、通常、画面下部に横長に固定されている帯です。ここには、スタート、検索、起動中のアプリ、通知、時計などが並びます。

視覚的には、「今どのアプリが開いているか」「別のアプリに切り替えるにはどこを押すか」を示す常設の操作領域です。

ウィンドウ

ウィンドウは、画面上に開く四角い作業領域です。上部にはタイトルバーがあり、右上には最小化、最大化、閉じるボタンが並ぶことが一般的です。

ウィンドウは重なります。手前にあるウィンドウが現在操作中のものです。奥にあるウィンドウは、一部または全部が隠れます。

視覚サンプル:ウィンドウの考え方

タイトルバー:アプリ名 [最小化][最大化][閉じる]

本文領域:ここに文書、表、設定画面、Webページなどが表示されます。

読み上げ用説明:四角い枠の上にタイトルバーがあり、その下に作業領域があります。見える人は、この枠全体を1つのアプリ画面として認識します。

スナップレイアウト

Windowsでは、複数のウィンドウを画面の左右や上下に整列して表示できます。これは、机の上に複数の書類を重ねず、並べて置くことに近い考え方です。

Webレイアウトでも同じです。複数の情報を横に並べると比較しやすくなります。ただし、画面が狭い場合は縦に並べ直す必要があります。

Web制作に活かす視点

WindowsのGUIを理解すると、Webサイトの配置も理解しやすくなります。上部に常設メニューがあり、中央に作業領域があり、ボタンやカードがまとまりとして置かれる、という基本は共通しています。