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制作関連

    フリーで使える高品質な紙のテスクチャー40個まとめ

    くしゃくしゃにしたものや古びた感じ、方眼、ノート罫など紙のテクスチャを…

  2. WEB制作関連

    期待感あふれるクリエイティブなComingSoonページ25個

    WEBサイトの公開やサービスの開始などを告知するcoming soon…

  3. WEBディレクターズマニュアル

    WEBディレクターなら参考にしたい手書きの画面設計書

    様々なアプリケーションを試し、試行錯誤しながらWEBサイトの画面設計を…

  4. WEB制作関連

    視覚と聴覚を刺激する音楽系WEBサイト30個

    音楽系のWEBサイトデザインのまとめです。…

  5. WEB制作関連

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

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

  6. WEB制作関連

    WEBサイト心理学|マジカルナンバー

    これはアメリカの心理学者ジョージ・ミラーが提唱した言葉で、普段の生活の…

コメント

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

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

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

  1. 話題・トレンド

    思わず目を疑ってしまうペットの捜索願い
  2. WEB制作関連

    期待感あふれるクリエイティブなComingSoonページ25個
  3. 話題・トレンド

    Web Designing 2012年8月号に執筆させてもらいました。
  4. WEB制作関連

    Word×Dreamweaverで高速コーディングをするワザ
  5. WEBマーケティング

    WEB担当者の為のプロジェクト成功術 前編
PAGE TOP
Top