ワイヤーフレーミングの概要

3? 21, 2018

ワイヤーフレームは、ローテクの速さと安さの利点に加え、効果的でわかりやすいため、Webサイトの設計・開発の初期段階において非常に有用で柔軟なツールとなり、Webサイトのデザイナーが以前から使用し、多くの成功を収めてきた技術です。

内容匿う

ワイヤーフレームの基本的な機能は、次のようなものを提示することです。 Webサイトの構造、ユーザーインターフェイス、コンテンツに関する作業可能で理解しやすいモデル。 と、機能性やユーザーフローなど、開発初期段階においてデザイナーや関係者の参考になるような情報を提供してくれます。

ワイヤーフレームは、特定のソフトウェアパッケージによって開発・提供されることが多いですが、紙やホワイトボードに描いたシンプルな図面でも構いません（少なくとも、より高度な媒体に移行する前はそうであったかもしれません）。ワイヤーフレームの構成要素は、通常、コンテンツ、グラフィックス、機能、およびそれらの間の関係や進行を表す、シンプルなボックス、線、テキスト、陰影のあるエリアです。タイポグラフィの階層やレイアウトも、この構造で表現することができます。

ワイヤーフレームは2種類。

シンプルな ベクトルワイヤーフレーム グラフィック、テキスト、機能などのプレースホルダーを使用して、サイトの主要な要素を大まかに描き、ナビゲーションや機能的な関係を記述するための大まかなアーキテクチャを構築した一連の画面を指します。より洗練されたバージョンでは、テキスト、機能やコンテンツに関するコメント、実際の写真やグラフィックを含めることができます。
があります。 UIワイヤーフレーム ページ自体は実際のサイトのページの最終版ですが、リンクやインタラクティブな機能はなく、サイトのコンテンツと他の部分との関係性を示すだけです。テスターや開発関係者が大まかなページや見出しをクリックして、ナビゲーションのしやすさ、リンクの論理性、進行のわかりやすさを試すことができる、クリックできるワイヤーフレームを作成することも可能です。