---
title: ワイヤーフレームとは
description: ワイヤーフレームとはについての用語解説です。
---

[用語集 | ECサイト構築パッケージSI Web Shopping ](https://siws.dgbt.jp/glossary)

# [ワイヤーフレームとは](https://siws.dgbt.jp/glossary/wire-frame)

 作成者: [株式会社DGビジネステクノロジー](https://siws.dgbt.jp/glossary/author/株式会社dgビジネステクノロジー)｜2024.04.02

ワイヤーフレームとは、簡単に言えばサイトのデザインの骨組みのことです。Webサイトのデザインを決める際にはほとんどの場合で用いられます。デザインの決定までは必ず何度も修正が入るので、いきなり細かいビジュアルを作るのではなく、どこに何を表示させるのかを簡単な骨組みだけで表現し先に決めていきます。

骨組みを書くだけなので、極端な話白紙に手書きでもワイヤーフレームは作成出来ます。一般的なアプリでいうとpowerpointなどでも作る事が出来ますが、Webサイトのワイヤーフレームを簡単に作れるWebサービスなどもあります。

EC事業者様側でワイヤーフレームを作られることは、完全な内製でない限りはあまりなく、デザイン会社から提出されたものをチェックすることがほとんどでしょう。

[完全な記事を表示](https://siws.dgbt.jp/glossary/wire-frame)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "株式会社DGビジネステクノロジー"
  },
  "dateModified" : "2024-04-22T02:34:19.032Z",
  "datePublished" : "2024-04-02T12:04:42Z",
  "headline" : "ワイヤーフレームとは",
  "image" : {
    "@type" : "ImageObject",
    "height" : 667,
    "url" : "https://44981055.fs1.hubspotusercontent-na1.net/hubfs/44981055/Stock%20images/Close%20up%20of%20a%20bookshelf%20in%20library.webp",
    "width" : 1000
  },
  "mainEntityOfPage" : "https://siws.dgbt.jp/glossary/wire-frame",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "用語集"
  }
}
```