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ディレクターズマニュアル

    WEBディレクターの為のEXCEL術(3)作業が捗る小技10選

    WEBサイトを制作していると通常のワークフローの他にも原稿の作成やデー…

  2. WEB制作関連

    色とWEBデザイン -みどり編-

    前回に続いて、色を切り口に集めたWEBデザインのまとめです。今回のテー…

  3. WEB制作関連

    WEBマガジンスタイルの海外サイトまとめ

    WEBマガジン形式にレイアウトされたWEBサイトのまとめです。記事ごと…

  4. WEB制作関連

    紙のテクスチャが素敵なWEBデザイン35個

    紙のテクスチャを用いたWEBデザインのまとめです。…

  5. WEB制作関連

    味覚も視覚も刺激する飲食店のWEBサイト33個

    いろいろなジャンルの飲食店のWEBサイトのまとめです。&nbs…

  6. WEB制作関連

    どこまでも横に展開していきそうな25個のWEBサイト

    横スクロールで展開するWEBサイトのまとめです。…

コメント

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

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

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

  1. Design Items

    卵に印刷できるプリンタ
  2. WEB制作関連

    色とWEBデザイン -あか編-
  3. WEB制作関連

    デザイナーなら必ずダウンロードしたいグラフィティなフォント25選
  4. WEB制作関連

    これで見込み客を逃さない!魅力的な価格表デザインのコツ
  5. Design Items

    ナイスアイデアなショッピングバッグ
PAGE TOP
Top