クレジット：
ワイヤーフレーム化は重要なステップですウェブデザインと開発これにより、迅速なプロトタイピングが可能になり、プロセスの早い段階で潜在的な問題を特定するのに役立ちます。コンテンツ、階層、レイアウトを視覚的に表現することは非常に貴重です。
クレジット：
この投稿では、スタンドアロン アプリケーション、Web ベースのツール、ブラウザ アドオンなど、入手可能な最高の無料ワイヤーフレーム ツール 10 個を紹介します。
無料でダウンロードできる特定のワイヤーフレーム ツールに興味がある場合は、コメントでお知らせください。
1.モッキンバード
クレジット：
Mockingbird は、Cappuccino フレームワークに基づく Web ベースのベータ ソフトウェアで、Web サイトまたはアプリケーションのワイヤーフレームを作成、リンク、プレビュー、共有します。
これは、ドラッグ アンド ドロップ UI、インタラクティブなページ リンク、スマート テキスト サイズ変更を備えたクリーンでユーザー フレンドリーなインターフェイスであり、直接リンクを使用してクライアントや同僚とモックアップを簡単に共有できる機能を備えており、Mockingbird は利用可能な最高のワイヤフレーム ツールの 1 つとなっています。
Web ベースなので、どこからでもモックアップを作成して共有できます。 Mockingbird がベータ版から解放され、完全版がリリースされたときに、それがどれほど優れているかを見るのは興味深いでしょう。
2.素敵なチャート
クレジット：
Lovely Charts は、フローチャート、サイトマップ、組織図、ワイヤーフレームを作成できるオンライン図作成アプリケーションです。
主要な機能の 1 つは、描画している図の種類に基づいて推測を行うアプリケーションの機能であり、これにより描画プロセスが合理化されます。履歴管理機能は非常に便利で、以前のバージョンに戻したり、変更を元に戻したい場合に、ダイアグラムの 20 状態をメモリに保存します。
ほとんどの要件に合わせて作成されたシンボルの広範なライブラリを備えた、強力でありながらシンプルなツール セットが提供されています。
3.カクー
クレジット：
Cacoo は、サイトマップ、ワイヤーフレーム、ネットワーク チャートなどのさまざまな図を作成できる、使いやすいオンライン描画ツールです。
ドラッグ アンド ドロップ UI により、図の作成が比較的簡単になります。プロセスをさらに効率化できるステンシルも多数あります。無制限に元に戻す機能は、すべての変更履歴が保存される優れた機能で、最初に戻すことができます。
リアルタイム コラボレーションをサポートするアプリケーションを使用して、多数のユーザーが同時に同じ図に作業し、完成させることもできます。
4.グリフィー
クレジット：
Gliffy は、プロセス フロー図、組織図、フロア プラン、ビジネス プロセス、ネットワーク図、技術図面、Web サイトのワイヤーフレームなどを作成できる Web ベースのアプリケーションです。ドラッグ アンド ドロップ UI を使用し、ツール形状ライブラリからページ上の任意の場所にボックス、ボタン、線を追加できます。その後、テキストを簡単に追加して、明確で簡潔なモックアップを作成できます。
形状の完全なライブラリにアクセスでき、ロゴや背景などの独自の画像をインポートして図を補完することもできます。変更を保護および追跡する機能を備えながら、任意のプラットフォーム上、任意の場所で誰とでも共有および共同作業できます。
Gliffy API (ベータ版) を使用すると、開発者は使いやすいフレームワークに基づいて、Gliffy の図作成機能を既存の Web ベースのアプリケーションに追加することもできます。
5.ラムジー
クレジット：
Lumzy は、Web サイトおよびアプリケーション用のモックアップおよびプロトタイプ作成ツールです。コントロールにイベントを追加したり、他のコンテナ内にコントロールを配置したり、ユーザーのアクションによってトリガーされる簡単なページ ナビゲーションでプロジェクトをエミュレートしたりできます。
リアルタイム コラボレーションは重要な機能の 1 つであり、チーム編集用のツール、デザインやファイルのバージョン管理について議論するためのチャット エンジンを備えています。 Lumzy は、実際の画像エディターが組み込まれた唯一のモックアップ ツールでもあります。ドライブから画像を取得して編集し、色相、彩度を適用し、コントラストを調整するなどして、プロジェクトに追加するだけです。
Pro バージョンはホワイトラベルであり、既存のプラットフォームに統合したり、独自のサーバーでホストしたりできるため、機密情報を扱う企業にとって興味深いものとなる可能性があります。
6.モックフロー
クレジット：
Mockflow は、Adobe Flash プラットフォームに基づいた Web アプリです。クリーンでミニマルで整理されたインターフェイスを備えており、編集機能セットは広範です。
コンポーネントをモックアップにドラッグ アンド ドロップして、ページを追加し、サイト全体とその構造をマッピングする機能を備えたワイヤーフレームを作成します。組み込みコンポーネントは、グラフや広告からメニューやドロップダウンに至るまで広範囲にわたります。独自の画像をアップロードして使用できることと、ソーシャル ネットワーキングや電子商取引の画像などの一般的なサイト要素のステッカーのセットから選択するオプションにより、モックアップの「構築」プロセスが非常に効率的になります。
各メンバーに望む編集力のレベルに応じて、リアルタイム チャットで話したり、他の人を編集者または閲覧者として招待したりできます。編集者はワイヤーフレームに変更を加えることができますが、閲覧者はレビューとコメントに限定されています。
MockStore は、ユーザー コミュニティが共有するサードパーティのコンポーネントとテンプレートを提供する素晴らしいアドオン サービスです。
クレジット：
Pencil プロジェクトは、誰もが使用できる図や GUI プロトタイピングを作成するためのオープンソース ツールです。 Firefox アドオンまたはスタンドアロン アプリケーション (Linux および Windows のみ) として利用できます。 Pencil は基本的に、描画アプリケーション全体を Firefox ブラウザにインストールし、形状のパレットとともに外部キャンバスを表示、保存、ロードする機能を提供します。
興味深いのは、ステンシル ジェネレーターです。これを使用すると、ジェネレーターを画像ファイルのフォルダーに指定することで、独自のステンシル形状のコレクションを作成できます。クリップアート ツールを使用すると、次の場所にあるライブラリを検索できます。オープンクリップアート.org画像を Pencil ドキュメントに直接ドロップします。 Pencil は外部オブジェクトの使用もサポートしています。ラスター画像とベクター画像の両方を、コピー＆ペーストまたはドラッグ＆ドロップを使用してインポートできます。
最終的なプロトタイプは、PNG 画像、Web ページ、OpenOffice ファイル、PDF または DOC ファイルとしてエクスポートできます。あなたが Firefox の熱心なユーザーであれば、Pencil は概念的なアイデアをその場で視覚的に表現するために不可欠なツールになる可能性があります。 2008 年には Mozilla 賞の「最優秀新アドオン」を受賞しました。
クレジット：
SimpleDiagrams は、考えを説明したりプロセスをキャプチャしたりするのに十分な機能を備えた、アイデアを迅速かつ簡単に表現するのに役立つ小さなデスクトップ アプリケーションです。 Adobe AIR プラットフォーム上に構築されているため、Mac、Windows、Linux 上でスムーズに動作します。
ライブラリからシンボルをドラッグ アンド ドロップしてサイズ変更したり、写真やポストノートを追加したり、図を PNG にエクスポートしたりできます。
本格的な図作成ツールではないかもしれませんが、SimpleDiagrams は非常に基本的なものなので、数分以内にワイヤーフレームや図を作成できるでしょう。
9.デニム
クレジット：
デニムは、スケッチをサポートし、さまざまな洗練レベルでのデザインを可能にする無料のマルチプラットフォーム デスクトップ アプリです。これは、初期段階のブレインストーミングとワイヤーフレーム作成に効果的なツールです。
Denim の 2 つの主な機能は、再利用可能なウィジェットを作成できるコンポーネントと、エンドユーザーのアクションに応じてページ間の遷移を作成できるコンディショナルです。これにより、よりインタラクティブなエクスペリエンスが得られます。
これはシンプルだが効果的なツールであり、編集ジェスチャを使用して簡単に注釈を付けることができます。
クレジット：
Website Wireframe は、数分でワイヤーフレームを構築できる非常にシンプルな Web ベースのツールです。ワイヤーフレームを表示するリンクは、電子メール、インスタント メッセージ、または携帯電話を通じて送信でき、フィードバック、ディスカッション、アイデア、提案に基づいてワイヤーフレームを簡単に更新できます。
このツールの重要な点は、ワイヤーフレームの作成と共有の両方において、使い方が簡単であり、スピードに優れていることです。登録と使用は無料で、ほとんどの最新の Web ブラウザで動作します。
それほど洗練されたものではないかもしれませんが、そのシンプルさと効率性は、学習曲線が高いツールの代替手段を求める人にとって最適です。
現在、これらのツールのいずれかを使用していますか?もしそうなら、以下のコメントであなたの考えや経験を共有してください。
ベンとジェリーのジョーがサポートするシリーズ
クレジット：