Volkside | Introducing Wirify: The web as wireframes

既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられうブックマークレット「Wirify」
専用ソフト等は一切必要なく、ブックマークレットに追加するとページをワイヤーフレーム化してくれます。
たとえば、New York Times は下図のようにワイヤーフレーム化できます。

既にレイアウトの仕方はWEBに出尽くしているはずなので、想像するサイトデザインに類似のサイトを見つけてワイヤーフレーム化し、そこからリデザインし、デザインを作るというような効果的な活用法が考えられますね。



当ブログもやってみると次のようにワイヤーフレームにすることができました。



ブックマークレットでやるという発想がいいですね。

関連エントリ

• WEBサイトのクールなワイヤーフレームを作成する際に使えるPSD
• iPadやスマホのテンプレが詰まったイラレ用のワイヤーフレーム作成キット
• オンラインでワイヤーフレームが描画できる「HotGloo」がかなり便利