スクローリーテリング

Webページの表示領域を複数の区画に分け、区画ごとに別のHTML文書を表示する仕組み。メニューを固定したまま本文だけを切り替えるといった画面の構成に使われたが、URLが表示の内容と対応しない、ブックマークや検索エンジンと相性が悪いなどの問題があり、現在はページの一部に別の文書を埋め込むiframeが主に使われる。

互いに近くに配置された要素は、関係のある1つのまとまりとして認識されるという原理。ゲシュタルト心理学の知見に基づく。Webデザインでは、関係する見出し・本文・ボタンを近づけ、関係のない要素の間には余白を取ることで、線や枠を増やさずに情報の構造を伝える。

Webサイト全体のページの構成を一覧できるように示したもの。利用者向けに階層構造を一覧にしたページと、検索エンジンにページの所在を知らせるためのXML形式のファイルがある。サイトの設計の段階では、ページの構成と階層を整理する図としても使う。

1つのHTML文書を、閲覧する端末の画面の大きさに応じて、CSSのメディアクエリなどでレイアウトを自動的に切り替えて表示する設計の手法。パソコン、タブレット、スマートフォンごとに別のページを用意せずに済み、URLも1つにまとまる。

図形を点・線・面の座標や属性で記述するベクター画像の形式で、XMLで記述する。拡大・縮小しても画質が劣化せず、テキストなのでCSSやJavaScriptで色や形を変えたり動かしたりできる。Webページのアイコン、ロゴ、グラフなどに使われる。

GUIで、見出しをクリックすると、その下の内容の表示と非表示が切り替わる部品。楽器のアコーディオンのように伸び縮みする。限られた画面に多くの情報を整理して収められ、FAQやスマートフォン向けのメニューなどに使われる。