Web制作用語集

お弁当箱の仕切りのように大小異なるサイズのカードをグリッド状に配置し、情報を視覚的にわかりやすく整理するレイアウト手法のことです。

複数の意思決定者が関わり検討期間が長い企業間取引を前提に、信頼感の構築と段階的なリード獲得を設計の核に置いた法人向けWebサイトのことです。

専門知識がなくてもWebコンテンツを自社で管理・更新できる仕組みをサイトへ取り入れ、担当者が自分で更新できるようにする取り組みのことです。

縦と横の2次元レイアウトを直感的に構築できるCSSの機能で、カラム数や間隔をシンプルな記述で定義し実務に活用できる仕組みのことです。

CSSの中で色やフォントサイズ・余白などの値を変数として定義しておき、全体にわたって再利用できるカスタムプロパティ機能のことです。

ユーザーに「申し込む」「ダウンロードする」などの具体的な行動を起こさせるため、Webページ上に設置するリンクや誘導要素のことです。

WebサイトがCookieを用いてユーザー情報を収集・共有する際に、対象や目的に応じて事前の同意取得などを義務づける法規制のことです。

WebデザイナーやUIデザイナーが画面設計に使うデザインツールで、3,000以上のプラグインを組み合わせて制作効率を高められる環境のことです。

Googleが提供する無料のWebフォントサービスで、1,500以上のフォントファミリーを商用利用含め完全無料でWebサイトに適用できる仕組みのことです。

After EffectsのアニメーションをJSON形式に変換してWebやアプリで再生できる技術で、解像度に依存せず美しく表示できる仕組みのことです。

ベクターグラフィックにモーションを加える技術で、GIFより大幅に軽量でありながら解像度に依存しない美しい演出を実現できる仕組みのことです。

ブラウザ上で動作する3Dデザインツールで、コードなしで3Dコンテンツを作成し、Webサイトに埋め込めるサービスのことです。

HTMLのclass属性にユーティリティクラスを直接記述してUIを構築するCSSフレームワークで、カスタムCSSの記述量を大幅に削減できる開発手法のことです。

ユーザーがWebサイトを利用する際の体験全体を見直し、使いやすさや成果につながる行動のしやすさを高める取り組みのことです。

少量のCSSとJavaScriptでページ遷移時のクロスフェードやスライドなどのアニメーションを実現できるブラウザネイティブのAPIのことです。

既存サイトを見直して成果を改善する取り組みで、企画・制作会社選定・設計・制作・テスト・運用の6フェーズで進めるプロセスのことです。

ディレクション・デザイン・コーディング・CMS構築などの工程で構成され、ページ数や機能・デザインのこだわりによって費用が大きく変動するサイト構築全般のことです。

Webサイトの制作やリニューアルを手がける専門会社で、全国に数千社以上あり、得意分野や価格帯が各社で大きく異なるのが特徴のことです。

2024年4月施行の改正障害者差別解消法により、民間事業者にも合理的配慮の提供が義務付けられ、すべての民間企業サイトが対応対象となった規制のことです。

余白・タイポグラフィ・配色・動きの演出・ビジュアル品質などの要素が印象を左右し、業種や目的によって「かっこよさ」の定義が異なるWebの視覚的表現のことです。

デザインやページ構成を決める前に事業の目的と方向性を整理し、制作会社と協力してサイトを作り上げる一連のプロセスのことです

サイト公開後に成果を数値で把握するため、KPIとなる中間指標を設定しながら継続的に管理・改善を積み重ねていく活動のことです

Webサイトのデザインを手がける職種で、スキルリストの羅列ではなく案件ごとの課題・担当範囲・成果を盛り込んだポートフォリオで仕事を得る専門家のことです

AIが画像生成やレイアウト提案などの工程を効率化しつつも、人間の判断が不可欠な領域が残るWebサイトのビジュアルと操作性を設計する専門分野のことです

発注者と制作会社が連携してWebサイトを作り上げる仕事の進め方で、発注者側の対応が成否を大きく左右するプロセスのことです

Webページに使われる画像素材で、ページ容量の半分以上を占めることも多く、フォーマット選択や軽量化が表示速度に直結する要素のことです

日本国内シェアが約80%に達するCMSで構築されたWebサイトで、表示速度がSEO・ユーザー体験・コンバージョン率のすべてに影響する特性を持つもののことです

オープンソースのCMSを用いてWebサイトを構築する制作手法で、無料テーマから独自開発まで選択肢が幅広く、テーマの種類によって費用と期間が大きく異なるもののことです

2025年のWWDCで発表されたiOSの大型リニューアルで、リキッドグラスと呼ばれる半透明ガラス風のデザインが採用されてWebへのユーザーの期待値も変化させたバージョンのことです

広告に頼らない自社の集客基盤を目的として、CMSを使ってコンテンツサイトを立ち上げ、記事制作と運用体制をゼロから整えていくプロセスのことです

文字そのものをアニメーションさせることで、ファーストビューや見出しに没入感とブランドの世界観を演出する表現手法のことです。

患者が来院を決める際の最重要な判断材料となる、医療広告ガイドラインを守りながら制作する医療機関のWebサイトのことです。

半透明の背景・背景のぼかし・薄いボーダーを組み合わせた、iOSやmacOSのすりガラス風のUIデザインスタイルのことです。

企業の「顔」として機能し、問い合わせ獲得・採用・ブランディングなど複数の目的を同時に果たすよう設計されたWebサイトのことです。

古くなったり競合と比べて見劣りするWebサイトを作り直す取り組みで、3〜5年サイクルで多くの企業が直面する課題のことです。

ページを軽くし不要なリソースを読み込まないなど、Webサイトの制作・運用における環境負荷を最小化しようとする設計思想のことです。

OSのダークモード設定に連動して表示を切り替えられる、目の負担軽減やバッテリー節約の効果も備えたWebサイトのことです。

太い黒枠・ぼかしゼロのソリッドシャドウ・ビビッドカラーを特徴とする、整ったミニマルデザインの対極にある装飾的なWebデザインスタイルのことです。

HTML/CSSなどのコードを書かずに、ビジュアルエディタ上でのドラッグ＆ドロップや設定操作だけでWebサイトを構築できるツールのことです。

スクロールに連動して手前の要素と奥の要素が異なる速度で動くことで、Webサイトに奥行きと没入感をもたらすスクロール演出のことです。

ページを開いた瞬間にスクロールせず見える画面上部の範囲で、ユーザーがそのページを読み続けるかどうかを3秒以内に判断するとされる最重要エリアのことです。

制作会社ではなく個人事業主のWebデザイナーやエンジニアとして独立し、クライアントから直接案件を受けて制作を行う働き方のことです。

ユーザーの操作に反応する微細なアニメーション効果で、操作の確認や状態変化・エラー通知などを視覚的・直感的に伝え、サイトのUX品質を高めるしかけのことです。

不要な装飾を省き、必要最小限の要素だけで構成するデザインアプローチで、伝えたい情報を際立たせてユーザー体験を最適化する設計手法のことです。

スマートフォンのデザインから先に設計し、より大きな画面サイズへと拡張していく、最も制約の多い環境を起点にしたWebサイトの設計アプローチのことです。

AppleがiOS 26で採用したデザイン言語で、透明なガラスの反射・屈折をシミュレートし、液体のように変形する見た目を持つUIスタイルのことです。

画面サイズに応じてレイアウトやスタイルを動的に変更し、スマートフォンからPCまであらゆるデバイスで快適に閲覧できるようにする設計手法のことです。

Webサイトを制作する前に、どの情報をどこに配置するかを決める設計図で、色やフォント・画像などを含まず構造だけを確認するための資料のことです。

広告やSNSから流入したユーザーを申し込みや購入などの特定のアクションに導くLPで、成果を出すための各セクションの並び方を定型化した枠組みのことです。