WEB制作関連

WEB制作者必見。便利なワイヤーフレーム作成ツールまとめ

WEB制作に携わる方であれば業務の中で目にしたり、自分で作成したことがあると思いますが、扱う人によって使用するアプリや書き方も様々ですね。そんなワイヤーフレームを作成する際に便利なツールのまとめです。

 

作成ツール&アプリ

Mockup Screens

wire-tool_01.jpg

PROTOSHARE

wire-tool_02.jpg

Cacoo

wire-tool_03.jpg

SIMPLE DIAGRAMS

wire-tool_04.jpg

WireframeSketcher

wire-tool_05.jpg

OmniGraffle

wire-tool_06.jpg

パーツ素材ダウンロード&プラグイン

Free Sketching & Wireframing Kit

wire-tool_07.jpg

Download a Stencil Kit

wire-tool_08.jpg

Web Browser Elements

wire-tool_09.jpg

PowerPoint Prototyping Toolkit

wire-tool_10.jpg

PowerMockup

wire-tool_11.jpg

こういったものを活用すると効率よくキレイなワイヤーフレームを作成することができます。ただあんまりデザインに凝り過ぎるとそちらに論点がずれてしまったり、デザイン時に制限がでてしまう事があるので要注意ですね。

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    jQueryを利用した演出がかっこいいWEBサイト50個

    多くのプラグインが開発され、様々に活用されているjQueryですが、サ…

  2. WEB制作関連

    パーツ別のWEBデザインギャラリー8選

    ヘッダー、フッターから見出し、ナビゲーションといったパーツにフォーカス…

  3. WEB制作関連

    WEBサイト心理学|視線解析

    「ウソを付く時に人は右の方を見てしまう。」というのを聞いたことはありま…

  4. WEB制作関連

    情報を省スペース化するjQueryベースのアコーディオン

    主にメニューナビゲーションに利用されることの多いアコーディオンのギミッ…

  5. WEB制作関連

    美しい写真に目を奪われるWEBサイトまとめ

    WEBサイトを作る時にきれいな写真素材が揃っているとちょっとモチベーシ…

  6. WEB制作関連

    美しいスライドショーが印象的な40個のWEBサイト

    WEBサイトを作る人なら一度は使ったことのあると思うスライドショーです…

コメント

  1. WEB制作者・デザイナー向け知ってて便利な最近追加したお薦めブックマークのまとめ。45記事

    日々、新しい情報が発信されいつの間にか肥大化したブックマークの整理も兼ねて 最近追加したお気に入りのサイトさんを紹介したいと思います。 主にWEB制作と…

  1. この記事へのトラックバックはありません。

  1. ソーシャルメディア

    あなたも「いいね!」したくなるファンページのまとめ 日本編
  2. Design Items

    もったいなくて食べられない!食べ物で作られたアート
  3. Design Items

    メビウスをモチーフにした信号機のアイデア
  4. WEBマーケティング

    WEB探 vol.02『東京スカイツリー』
  5. Design Items

    ジャケットが○○に早変わり!?
PAGE TOP
Top