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ツールのま…

  2. WEB制作関連

    自然をモチーフにした24のフルFlashサイト

    地球、水、火、空気といった自然のエレメントをモチーフにしたフルFlas…

  3. WEB制作関連

    国内WEBデザインギャラリー厳選まとめ

    国内のWEBデザインのギャラリーサイトのまとめです。ギャラリーサイトは…

  4. WEB制作関連

    ガーリーなPhotoshopのレイヤースタイル

    女性向けのデザインに役立ちそうなガーリーなPhotoshopのレイヤー…

  5. WEB制作関連

    HTML5でできることがひと目で分かるWEBサイトまとめ

    話題のHTML5ですが、書籍やセミナーもどんどん増えてきてますね。そん…

  6. WEB制作関連

    今どきなUIデザインサンプル35個

    アプリやWebサービスのインターフェイスに役立ちそうなUIサンプルです…

コメント

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

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

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

  1. WEB制作関連

    思わず買いたくなるECサイトのデザイン30選
  2. 話題・トレンド

    平和な街並みを異空間に変えてしまったアート
  3. Design Items

    空港でスーツケースをなくさない方法
  4. WEB制作関連

    やっぱりカッコいい。デザイン事務所のWEBサイト30個
  5. 話題・トレンド

    賛否両論 !?スターバックスのロゴがリニューアル
PAGE TOP
Top