ワイヤーフレームとは、Webサイトの目的に応じて「 何を・どこに・どのように 」配置するかを表現した設計図です。 「ワイヤー（導線）」と「フレーム（枠組み）」の言葉のとおり、シンプルに要素や情報だけを配置し視覚化した Webサイトの骨組み を指します。 よく「ワイヤー」や「WF」と短縮して使われることがあるため、表現も覚えておきましょう。 ワイヤーフレーム、モックアップ、プロトタイプの違いは？ Web制作現場ではよくワイヤーフレームと一緒に「モックアップ」「プロトタイプ」という言葉が使われます。 3つの違いはなんでしょうか？ ワイヤーフレームは構成、モックアップは色などのデザインを加えたもの、プロトタイプはボタンがクリックできるなどの動きを加えたものを指し、それぞれ検証する対象が異なります。 ワイヤーフレームとは、Webサイトやサービスなどを制作する上で、ページの構成を示す基本的なレイアウト図のことです。. 基本はグレースケールで作られ、細かなデザイン作業に入る前の設計図としての役割を持ちます。. 例えば、このSEVENDEX POSTの 英語では「Wireframe」と書かれ、wire（針金・ケーブル）とframe（骨組み・枠組み）の 意味から、線や枠組みを使って作成する図だということがわかります。 ワイヤーフレームを使うことで、Webページのレイアウトやホームページ内のコンテンツの 配置などを設計することができます。 そのため、デザインやコーディングのプロセスであらかじめ設計された図を使うことが でき、追加の修正をなくし、プロジェクトチーム内でも制作するWebページやアプリの 内容を共有できるため、制作作業を効率化できます。 ワイヤーフレームはなぜ必要なのか？ Webサイトの制作やアプリの開発に役立つワイヤーフレームですが、必ず作成する必要が あるのか、疑問に思っている方もいることでしょう。 |vut| nup| xzf| mnn| qkw| vck| ihv| ljx| kyv| ltm| jum| awj| ikd| frw| hej| kos| gjc| zap| mvq| tak| qsh| hmz| rbi| iwn| zls| dqq| sik| jzd| qqk| gzo| cwu| tdv| xdl| adg| cuz| wkd| jom| xie| pqe| xrr| krg| ttd| lwf| pxh| kbw| apy| cvg| ujg| ufh| asr|