さあ、あなたは今、最高の写真を撮りました。新しいデジタル一眼レフカメラ、または、素晴らしいビデオを撮影しました。iPhone-- 次は何ですか?メディアをすぐに投稿するのは自然なことですが、フェイスブックページ、場合によっては素晴らしい写真やビデオには、個人の Web サイトという形で独自のホームが必要です。
しかしその一方で、リッチメディアを補完するウェブサイトのレイアウトを作成するのは簡単ではありません。優れた Web サイトを作成するために、プロの Web デザイナーはモックアップ ツールを利用してレイアウト、デザイン、機能を分析します。これらのアプリケーション (一部は完全に無料) を利用するのは賢明な選択です。特に写真やビデオ用のプロフェッショナルな Web サイトの作成に興味がある場合はそうです。
Web レイアウトのデザインを最大限に活用するのに役立つ 9 つのアプリケーションをまとめました。ウェブサイトに写真やビデオを表示するためのヒントは何ですか?コメントでお知らせください。
クレジット：
おそらく、最もよく知られ人気のあるモックアップ ツールの 1 つである Balsamiq Mockups は、楽しくインタラクティブな Web サイトのモックアップを迅速かつ簡単に作成できるクラウドベースのモックアップ サービス (デスクトップ アプリケーションを付属) です。 Balsamiq Mockups のトレードマークである大ざっぱな手描きの外観により、細部にこだわるのではなく、より大きな UI の問題の解決に集中できます。
このアプリケーションには、ドロップイン コンポーネントと再利用可能なライブラリの膨大なコレクションと、簡単なドラッグ アンド ドロップ インターフェイスが付属しています。クロスプラットフォームでオフラインも完全にサポートされているため、どこでもモックアップを作成できます。
デスクトップ アプリケーションの価格は、シングル ユーザー ライセンスで 79 ドルから始まりますが、myBalsamiq の月額サブスクリプションにサインアップすると、50% 割引が利用できます (プランは月額 12 ドルから)。
2.モッキンバード
クレジット：
Mockingbird も人気のある Web ベースのワイヤーフレーム アプリケーションで、モックアップをリンクして共有するための優れた機能が組み込まれています。ラピッド プロトタイピング向けに設計された Mockingbird を使用すると、単独またはチームと共同で、ドラッグ アンド ドロップ エディターを使用してインターフェイスをすばやく作成できます。
ページをリンクすると、インタラクティブなモックアップやワイヤーフレームを作成でき、クライアントとの共有、ワークフローの確認、ユーザー エクスペリエンスの合理化に最適です。
Mockingbird のサブスクリプション プランは、個人アカウント (アクティブなプロジェクトを 2 つ持つことができます) で月額わずか 9 ドルから始まり、チーム プランはプロジェクトの数に応じて月額 20 ドルから 85 ドルの範囲です。
クレジット：
Mockup Builder は、Microsoft Silverlight で構築された無料の Web アプリケーションで、ソフトウェアや Web サイトのモックアップを作成し、クライアントや同僚と簡単に共有できるように設計されています。
利用可能な要素のライブラリは多様です (デスクトップ、ブラウザ、iOS、Android コンポーネントをサポート) が、数量には制限があります。ただし、Mockup Builder は無料のツールであるにもかかわらず、その基本を確実にカバーしており、シンプルなアイデアやコンセプトのプロトタイプを作成するための優れた出発点を提供します。
モックアップを共有する準備ができたら、プロジェクトを PNG ファイルと PDF ファイルの両方としてエクスポートしたり、直接共有したりできます。アクセス権を持つユーザーは、プロジェクトに対してフィードバックやコメントを残すことができます。
4.モックフロー
クレジット：
MockFlow は、Web サイトやアプリケーションの複雑なインタラクティブなワイヤーフレームや UI プロトタイプを作成し、共同作業できるようにする「超簡単ワイヤーフレーム」サービスです。
Balsamiq と同様に、MockFlow にはクロスプラットフォームのデスクトップ アプリケーション (アドビエア) なので、完全なオフライン サポートを備えた合理化された整理された環境で UI コンセプトを構築できます。 MockFlow には、クライアントにプロトタイプを提示したり、その場でモックアップにアクセスしたりするのに最適な無料のモバイル アプリケーションも含まれています。他にも多数のアドオンが利用可能です。
MockFlow には 2 つの価格オプションがあります。1 つは 2 人の共同編集者による 1 つの小さなプロジェクト (4 ページ) を提供する無料プラン、もう 1 つは無制限のプロジェクト、いくつかのアドオン、およびいくつかの追加特典を利用できる年間 99 ドルのプレミアム パッケージです。プレミアム アカウントの価格は年間 100 ドル未満で、Mockflow はより手頃な価格のプロフェッショナル ソリューションの 1 つです。
5.ホットグルー
クレジット：
26,000 を超えるプロジェクトが作成されている HotGloo も、かなり前から使われているワイヤーフレーム作成および Web サイトのモックアップ ツールです。この Web アプリケーションは、コンポーネントの大規模なライブラリ、機能豊富なドラッグ アンド ドロップ インターフェイス、およびコラボレーションとレビューの両方のためのツールを備えています。
このサービスには、これまでに見た中で最も洗練された Web ベースのオーサリング環境があり、このアプリケーションを快適に使用できます。 HotGloo を使用すると、ユーザー インタラクション全体を作成でき、アプリケーション ワークフロー全体を設計、テスト、修正、レビューできます。その他のツールには、マスター テンプレート (プロジェクト全体に適用可能)、UI を整理するためのスマート エレメント スタック、作成者とクライアントのロールベースのアクセスを作成する機能が含まれます。
HotGloo の料金プランは月額 14 ドルから 54 ドルで、新規アカウントには 15 日間の無料トライアルが付いています。
6.インビジョン
クレジット：
Invision は、ユーザー エクスペリエンスの設計、共有、テストを支援することを目的としたもう 1 つのオンライン ツールです。単なるワイヤーフレームではなく、Invision を使用すると、必要なだけ洗練された、フル機能の高度にインタラクティブなモックアップを作成できます。優れたコラボレーション ツールにより、プロジェクトの共有やチームとしての共同作業が容易になり、モバイル サポートも非常に充実しています。
高忠実度のプロトタイプを作成している場合でも、インタラクティブなワイヤーフレームを作成している場合でも、Invision を使用するとプロジェクトの作成と共有が簡単になります。ワイヤーフレーム ツールには大規模な要素ライブラリが含まれており、より詳細なモックアップにより、合理化されたクリーンな編集環境を通じて画像、色、レイアウトを完全に制御できます。
Invision は、有名企業を含む 30,000 人を超えるデザイナーのネットワークを誇っています。サブスクリプション プランの範囲は、無料 (最大 2 つのプロジェクト) から、最大 20 のアクティブなプロジェクトの月額 75 ドルまでです。すべてのアカウントに 30 日間の無料トライアルもあります。
7.ジャストプロト
クレジット：
JustProto は、他の製品では見られないいくつかの機能を備えたワイヤーフレーム Web アプリケーションです。多くの同様の製品と同様に、JustProto にはワイヤーフレーム要素とウィジェットの大規模なライブラリがあり、シンプルなドラッグ アンド ドロップ インターフェイスからアクセスできます。ただし、JustProto を他と区別する重要な機能が他にもいくつかあります。
JustProto を使用すると、単一の共有リンクでプロジェクトを共有できるだけでなく、他のデザイナーとリアルタイムで共同作業したり、クライアントや共同作業者とチャットしたり、すべてのチャット通信の履歴を保存したりすることもできます。 JustProto を使用すると、フル機能のインタラクティブなワイヤーフレームをリアルタイムで作成し、即座にフィードバックを収集できます。
JustProto プランの範囲は月額 19 ドルから 99 ドルで、大規模顧客や企業顧客向けにカスタム パッケージが用意されています。 15 日間の無料試用期間が提供されており、サインアップにクレジット カードは必要ありません。
8.Proto.io
クレジット：
Proto.io は、モバイル アプリケーションのプロトタイピング専用に設計されたアプリケーション プロトタイピング プラットフォームです。この Web アプリは、モバイル モックアップを簡単に作成するのに役立ちます。iPhone、iPad、アンドロイドそして他の多くのデバイス。 Proto.io では、色、フォント、レイアウトを完全に制御でき、豊富なプロトタイプの構築を容易にする大規模な要素ライブラリが付属しています。
Proto.io では、プロジェクトを共有し、他のデザイナーと共同作業することもできます。 Proto.io モックアップはモバイル デバイス上で直接表示できるため、現実世界の設定でアプリケーションがどのように表示され機能するかをよりよく理解できます。また、Proto.io Web プレーヤーを介してプロジェクトを表示することもできます。
1 つの小規模 (5 画面) プロジェクトに適した無料プランがあり、有料サブスクリプションは月額 24 ドルと 49 ドルで、ディスク クォータ、画面、コラボレーター、その他のリソースに関してかなり寛大なサービスが提供されます。
クレジット：
最後になりますが、inPresso Screens はデスクトップ ソフトウェアと Web サイトの両方に対応したプロトタイピング ツールです。私たちが inPresso で気に入っている点の 1 つは、さまざまなオペレーティング システムの一般的なウィンドウ マネージャー テーマを使用してアプリケーションをスキンできることです。これは、デスクトップ アプリケーションのモックアップを作成していて、最終製品がどのようになるかを実際に把握する必要がある場合に最適です。
inPresso は無料のデスクトップ アプリケーションとして、またはサブスクリプション経由で利用できますが、この 2 つにいくつかの重要な違いがあります。無料版では、アプリケーションのプロトタイプとワイヤーフレームを作成し、ローカルに保存して編集できるデスクトップ ツールが提供されます。基本ツールに加えて、サブスクリプション パッケージを使用すると、UI 要素のオンライン ライブラリへのアクセスも可能になり、プロトタイプの即時オンライン公開と共有、およびプロトタイプをクライアントに提示するための Web プレーヤーが可能になります。
デスクトップ アプリケーション自体はクロスプラットフォームであり、年間サブスクリプションは年間わずか 29 ドルです。