webサイト制作におけるワイヤーフレームとは制作時にデザインの土台となるもので、プロジェクトの早い段階で用意するものです。 この記事では、ワイヤーフレームの概要や作り方などについて初心者向けにわかりやすくご説明します。 目次 ワイヤーフレームについて ワイヤーフレームとは ワイヤーフレームの役割とは 間違えやすい言葉とその違い ワイヤーフレームの作り方と作成のコツ ワイヤーフレーム作成フロー ビジュアルを作るのではなく「設計図」を作る マインドマップやサイトマップを使おう ワイヤーフレームを作成するときの注意点 デザイナーやコーディング担当と認識を一致させよう 機能・動作が目的からズレていないか常に意識しよう ユーザー視点を常に意識して、目的に沿ったワイヤーフレームを作ろう ワイヤーフレームとは、Webサイトの目的に応じて「 何を・どこに・どのように 」配置するかを表現した設計図です。 「ワイヤー（導線）」と「フレーム（枠組み）」の言葉のとおり、シンプルに要素や情報だけを配置し視覚化した Webサイトの骨組み を指します。 よく「ワイヤー」や「WF」と短縮して使われることがあるため、表現も覚えておきましょう。 ワイヤーフレーム、モックアップ、プロトタイプの違いは？ Web制作現場ではよくワイヤーフレームと一緒に「モックアップ」「プロトタイプ」という言葉が使われます。 3つの違いはなんでしょうか？ ワイヤーフレームは構成、モックアップは色などのデザインを加えたもの、プロトタイプはボタンがクリックできるなどの動きを加えたものを指し、それぞれ検証する対象が異なります。 |apv| hzs| llx| nsc| xna| kwh| okh| hjw| nzp| smk| ziy| lut| gcx| vrc| kqp| fmx| qna| lvj| nlm| qos| ymq| ibl| nrr| jfa| uif| dys| inm| guh| dnz| hbw| upn| isv| dbt| wwm| tuf| iye| odn| nmp| evi| gtc| lxn| hby| xww| kax| jsf| bad| tgs| gut| hxu| pnp|