既存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
最新のブログ記事(新着順)
- 強度の高いパスワードを生成できる「jquery.passwordGenerator」
- 背景画像の色を元に上の文字やナビの色を調整できる「BackgroundCheck」
- スクロールで上か下かを判断してコールバック「jquery.scrollDetection」
- 画面ヘッダにおしゃれなカラーパレットを実装できる「jquery.colorPalette」
- アクセス時間によってCSSの出し分けを制御できる「STIMED.js」
- Sketchでアニメーションを直接つくれるプラグイン「AnimateMate」
- 画像レスで実現するCAPTCHA「ImagelessCaptcha」
- ハンバーガーメニューを実装するならコレかもという「Ember Burger Menu」
- WebGLを使った超リッチな背景イメージ描画「WebGL Scroll Spiral」
- 背景画像をダイナミックに動かしつつParallax効果を作れる「fullPage.js」
- 過去のエントリ
