既存の画面から簡単にワイヤーフレームを作る。

ちょっと軽いネタでも。既存のページでレイアウトテストなどを検討するときに、ワイヤーフレームで考えるって1つの方法だと思っています。細かい情報が視界に入ってこないですからね。

とはいえ既存のページのワイヤーフレームを作るのも大変なもの。ただ、別に考える時に少しあれば良いのでそんなに手間をかけた細かいものでなくても良いわけです。

Volkside | Introducing Wirify: The web as wireframesで提供されているブックマークレットを使うと、簡単にワイヤーフレームが作れるようになります。リンク先の「Wirify by Volkside」のリンク先をブックマークに追加して、ワイヤーフレームを見たいページでブックマークを呼び出すだけです。

ちなみにこのブログのトップページをやってみたのが下記のイメージです。

dIG iT wireframe by Wirify

ピクセルが正確には表現できていない点やプライバシーは保つもののURLをログとして記録をしているなど注意点もあるのでそのあたりは留意しながら使いましょう。ということでたまにはこんなネタでした。

You Might Also Like

  1. Tweets that mention 既存の画面から簡単にワイヤーフレームを作る。 | dIG iT -- Topsy.com

    […] This post was mentioned on Twitter by Kazuhiro Hara, Keisuke Anzai, 杉浦 哲郎, ふるぽそ and others. ふるぽそ said: 超便利!RT @semlabo: おー便利! 既存の画面から簡単にワイヤーフレームを作る。 【dIG iT […]

  2. Tweets that mention 既存の画面から簡単にワイヤーフレームを作る。 | dIG iT -- Topsy.com

    […] This post was mentioned on Twitter by モリサキモリオ and うさこ, モリサキモリオ. モリサキモリオ said: これは便利そう! 既存の画面から簡単にワイヤーフレームを作る。 | dIG iT http://goo.gl/3edqG […]