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サイトまとめ

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

  3. WEB制作関連

    X’MASにぴったりなPhotoshopのレイヤースタイル

    クリスマスにぴったりなゴールドがお洒落なPhotoshopのレイヤース…

  4. WEB制作関連

    写真を効果的に魅せる6つのjQueryギャラリー

    どんな情報を見せるにしても欠かせない画像を効果的に見せられるjQuer…

  5. WEB制作関連

    無料で使えるワイヤーフレーム作成ツールまとめ

    ワイヤーフレームやモックアップを作成する際に利用できるWEBツールのま…

  6. WEB制作関連

    Webサイトをレイヤーに分けて保存できる「Page Layers」

    久々の更新になってしまいましたがおもしろいMac Appを見つけたので…

コメント

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

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

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

  1. 話題・トレンド

    思わず目を奪われてしまった85の建造物
  2. WEB制作関連

    タイポグラフィを生かしたWEBデザイン20個
  3. iPhone

    最強のiPhone4ケースがあった。
  4. WEB制作関連

    ガーリーなPhotoshopのレイヤースタイル
  5. 話題・トレンド

    即興で曲がつくれちゃうツール「Orpheus」
PAGE TOP
Top