前の記事 ≪:iPhone・Androidアプリ等に使えるアイコンセット総まとめ:2010
次の記事 ≫:15個のハイクオリティなクリスマスアイコンセット

既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられうブックマークレット「Wirify」

2010年12月24日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法
Volkside | Introducing Wirify: The web as wireframes

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

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



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



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

関連エントリ
関連の記事検索:ワイヤーフレーム, Webデザイン, Web制作, デザイン, ブックマークレット, Bookmarklet
スポンサード リンク

By.KJ : 2010年12月24日 10:10 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)