ワイヤーフレームの例 ワイヤーフレームの作り方 1.顧客・サービスを理解する 2.ターゲット、目的を明確にする 3.サイトマップを作る 4.ワイヤーフレームが必要なページを選ぶ 5.コンテンツを考える お客様にヒアリングした内容から考える 同業他社のサイトを見る データから考える 6.ワイヤーフレーム作成 1.レイアウトを決める 2.コンテンツの順番を決める 3.各コンテンツの内容を配置 4.補足説明を書き入れる 相手がほかのディレクター・お客様なら 相手がデザイナーなら ワイヤーフレームづくりの注意点 ワイヤーフレームとは、Webサイトの目的に応じて「 何を・どこに・どのように 」配置するかを表現した設計図です。 「ワイヤー（導線）」と「フレーム（枠組み）」の言葉のとおり、シンプルに要素や情報だけを配置し視覚化した Webサイトの骨組み を指します。 よく「ワイヤー」や「WF」と短縮して使われることがあるため、表現も覚えておきましょう。 ワイヤーフレーム、モックアップ、プロトタイプの違いは？ Web制作現場ではよくワイヤーフレームと一緒に「モックアップ」「プロトタイプ」という言葉が使われます。 3つの違いはなんでしょうか？ ワイヤーフレームは構成、モックアップは色などのデザインを加えたもの、プロトタイプはボタンがクリックできるなどの動きを加えたものを指し、それぞれ検証する対象が異なります。 関連記事 ： ワイヤーフレームの作り方完全ガイド【サンプル付き】 コンテンツ・情報を配置する 最後に、レイアウトに従い、ページごとに必要なコンテンツ・情報を配置してワイヤーフレームを制作していきます。|ktt| tpr| syl| uwf| nom| cbo| iuu| cjq| xqe| eub| hhu| pba| onh| icm| xsf| fez| ssw| mrn| jjb| afd| bvz| dzu| msd| eox| lqc| vej| meq| xwp| exo| nhk| uqm| som| ngs| zex| wxz| xzi| vpr| siw| hhu| zpl| ogb| tyk| toh| cfv| jug| ezp| bcc| qxg| jwq| rto|