第3講
WindowsのGUIを言葉で理解する
Windowsの画面は、アプリやファイルを視覚的に扱うための代表的なGUIです。ここでは、最新Windowsの一般的な画面構造を、言葉で整理します。
GUIとは何か
GUIとは、Graphical User Interfaceの略で、文字だけの命令ではなく、画面上のボタン、アイコン、メニュー、ウィンドウを使って操作する仕組みです。
見える人は、アイコンの形、ボタンの位置、ウィンドウの重なり、強調表示などを見て、現在の状態を理解します。
デスクトップ
Windowsのデスクトップは、視覚的には作業机のような領域です。背景の上に、アプリやファイルの小さな記号であるアイコンが並びます。
アイコンは、視覚的な目印です。小さな絵と短い名前が組み合わされており、見える人はそれを見て、何のアプリか、何のファイルかを判断します。
タスクバー
タスクバーは、通常、画面下部に横長に固定されている帯です。ここには、スタート、検索、起動中のアプリ、通知、時計などが並びます。
視覚的には、「今どのアプリが開いているか」「別のアプリに切り替えるにはどこを押すか」を示す常設の操作領域です。
ウィンドウ
ウィンドウは、画面上に開く四角い作業領域です。上部にはタイトルバーがあり、右上には最小化、最大化、閉じるボタンが並ぶことが一般的です。
ウィンドウは重なります。手前にあるウィンドウが現在操作中のものです。奥にあるウィンドウは、一部または全部が隠れます。
視覚サンプル:ウィンドウの考え方
本文領域:ここに文書、表、設定画面、Webページなどが表示されます。
読み上げ用説明:四角い枠の上にタイトルバーがあり、その下に作業領域があります。見える人は、この枠全体を1つのアプリ画面として認識します。
スナップレイアウト
Windowsでは、複数のウィンドウを画面の左右や上下に整列して表示できます。これは、机の上に複数の書類を重ねず、並べて置くことに近い考え方です。
Webレイアウトでも同じです。複数の情報を横に並べると比較しやすくなります。ただし、画面が狭い場合は縦に並べ直す必要があります。
Web制作に活かす視点
WindowsのGUIを理解すると、Webサイトの配置も理解しやすくなります。上部に常設メニューがあり、中央に作業領域があり、ボタンやカードがまとまりとして置かれる、という基本は共通しています。