既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられうブックマークレット「Wirify」
2010年12月24日-
スポンサード リンク
Volkside | Introducing Wirify: The web as wireframes
既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられうブックマークレット「Wirify」
専用ソフト等は一切必要なく、ブックマークレットに追加するとページをワイヤーフレーム化してくれます。
たとえば、New York Times は下図のようにワイヤーフレーム化できます。
既にレイアウトの仕方はWEBに出尽くしているはずなので、想像するサイトデザインに類似のサイトを見つけてワイヤーフレーム化し、そこからリデザインし、デザインを作るというような効果的な活用法が考えられますね。
当ブログもやってみると次のようにワイヤーフレームにすることができました。
ブックマークレットでやるという発想がいいですね。
関連エントリ
既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられうブックマークレット「Wirify」
専用ソフト等は一切必要なく、ブックマークレットに追加するとページをワイヤーフレーム化してくれます。
たとえば、New York Times は下図のようにワイヤーフレーム化できます。
既にレイアウトの仕方はWEBに出尽くしているはずなので、想像するサイトデザインに類似のサイトを見つけてワイヤーフレーム化し、そこからリデザインし、デザインを作るというような効果的な活用法が考えられますね。
当ブログもやってみると次のようにワイヤーフレームにすることができました。
ブックマークレットでやるという発想がいいですね。
関連エントリ
スポンサード リンク
By.KJ : 2010年12月24日 10:10 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- 過去のエントリ
