web-dev-qa-db-ja.com

大きな1つの画面でWebサイトのページと要素の間の相互作用を説明する無料のツールはありますか?

大きな1つの画面でWebサイトのページと要素の間の相互作用を説明するツールはありますか?

私はウェブサイトのすべてのページのすべてのスクリーンショット画像を持っています、いくつかは同じページのライトボックスです。一部はフォームです。

全画面の関係を一画面で表示したい。どこをクリックすると、どのページ、どのライトボックスなどが表示されます。

20ページすべての最終的なスクリーンショット(JPG画像)とページの状態の段階があります。画像サイズは1024x768です。スライドショーを作りたくありません。すべてのページを1つの画面に表示し、矢印を使ったコメントを追加して変更を説明したいと思います。

無料オンライン/オフラインツールを探しています。

2
Jitendra Vyas

開発中です WireframeSketcher高速ワイヤーフレーミングツール 。画面フローを作成する機能があります。次のような結果が得られます。

WireframeSketcher Screenflow

既存の画像を使用して画面を作成することもできます。画面を作成し、それらをリンクして、ストーリーボードに配置すると、画面フローが自動的に取得されます。

2
Peter Severin

Cacoo.com は無料の図表作成サイトです。無料プランの機能は制限されていますが、有料プランでは、共同作業を行ったり、追加の図を作成したりできます。使用方法によっては、無料バージョンで十分な場合があります。

以下のようなワイヤーフレームを(好きなレベルの詳細に)作成し、矢印を使用してボタンを他のページにリンクし、ストーリーボードを作成できます。 enter image description here

あなたのケースでは、ワイヤーフレームからズームアウトして、下のストーリーボードのようなページを接続し、フォームやリンクなどの要素を任意のアイテムに接続できます。 enter image description here

0
Ben Brocka

これが link で、10種類の製品があり、すべて無料です!

0
user9533