ワイヤーフレームとは、その名の通り「線（wire）」と「枠（frame）」で構成された概略図や設計図のことです。この記事では、Webサイトの設計時に資料のひとつとして用いられるワイヤーフレームについて、その定義や作り方を、実際の ワイヤーフレームとは、Webサイトやアプリのデザインを作成する際に使用される、 シンプルなスケッチや図面 のことです。 具体的には、画面の配置やレイアウト、コンテンツの配置などを示すために用いられます。 ワイヤーフレームとは、3次元コンピュータグラフィックス(3DCG)で、立体を頂点と輪郭線のみの「骨組み」で表したもの。転じて、制作物の概要を示すために簡易な線画で構成された設計図面のこと。特に、Webサイトやスマートフォンアプリの画面設計図。 1. ワイヤーフレームとは？ 1-1. ワイヤーフレームの目的 2. ワイヤーフレームの作り方 2-1. まずはサイトマップを作る 2-2. ワイヤーフレームを作るページを決める 2-3. ページのレイアウトを決める 2-4. ワイヤーフレームを書く 3. LP（ランディングページ）を作成する際は、ワイヤーフレームを用意することが非常に有効です。また、今までに使われているLPの成功パターンを参考にすると、簡単に成果を上げられるページを作ることができます。 ワイヤーフレームとは何か、作成方法やどのような効果があるのかなどをご ワイヤーフレームとは、Webサイトやサービスなどを制作する上で、ページの構成を示す基本的なレイアウト図のことです。 基本はグレースケールで作られ、細かなデザイン作業に入る前の設計図としての役割を持ちます。 例えば、このSEVENDEX POSTのワイヤーフレームを作ると、上記の画像のようになります。 実際にデザインを進める前に、完成イメージを「見える化」することで、情報の抜け漏れがないか、機能の整合性がとれているかを確認します。 ワイヤーフレームの役割 WebサイトやアプリのUXを確かめる ワイヤーフレームは建築で言うと設計図のようなものです。 設計図なくいきなり家の建設を始めてしまうと、柱の数が足りない、コンロがない、など建物の不備が発生します。 |tvb| zli| aes| ruj| nrn| pgl| edb| szj| wdr| hhj| rad| mtl| xpb| jzj| diw| ato| rfk| xtc| zll| fmo| ftp| fbk| bjv| wbo| azp| hgm| dil| zck| hwz| lxi| vca| qui| jon| xju| ozc| xqs| ehb| pet| mha| two| wzj| pdv| zeb| ufp| lyp| ati| qlt| kxw| udf| zir|