サイト設計時のワイヤーフレームをサクッと作って画像も生成できる「MockFlow」

2009-09-07 | Sigeo | 0 | カテゴリ WEBツール・サービス

サイトのモックアップ作成ツールと言えば、身近なところでFirefoxアドオンのPencilなどもありますが、それよりもパーツひとつひとつがリアルに再現されているところが特徴。しかし日本語が通らないところはとても残念。

「MockFlow」は、ウェブサイト設計時のワイヤーフレームをサクッと作成して共有できるオンラインソフト

日本語は通らないものの、Firefoxアドオンと違って、どのブラウザでも対応できるところが便利です。

↑これがワイヤーフレーム作成のUI。右メニューからパーツをドラッグで持ってくるだけで配置できます。

↑文字が入っている部分をダブルクリックすると、その部分のテキストの編集画面が開きます。

モックアップを共有するには、共有ページのリンクを発行する方法と、PNG形式の画像をエクスポートする二つの手段があります。

↑これが生成したPNG形式の画像。ページ毎に生成できます。

↑共有する場合には右上の「Present」ボタンを押します。

↑開いたページで共有ページのリンクを生成する「Links」か、PNG形式の画像をダウンロードできる「Export」を押します。

興味のある方はMockFlowへどうぞ。

無料で作成できるのは１アカウント1サイトまでになっていて、それ以降は月額3.25ドル必要となりますが、うまく使いこなせばかなり便利ですよね。Gmailなら+～～＠とか。

WEBデザインメソッド-伝わるコンテンツのための理論と実践: 価格：￥ 2,520; 平均評価：; 納期：通常24時間以内に発送します。; Amazon で詳細を見る by Twitter（ツイッター）まとめ

スポンサードリンク

ワイヤーフレームの作り方がカンタンなオンラインソフト。サイト設計時には手放せない一品。