WEB制作関連

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

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

Lumzy

Wireframing-Tools_01.jpg

Mockup Builder

Wireframing-Tools_02.jpg

Tiggzi

Wireframing-Tools_03.jpg

Frame Box

Wireframing-Tools_04.jpg

iPhone Mockup

Wireframing-Tools_05.jpg

Pencil Project

Wireframing-Tools_06.jpg

Cacoo

Wireframing-Tools_07.jpg

きちんと設計をする際はMS ExcelやPower pointなどを利用する事が多いのですが、MTGしながらラフを書いたりするにはWEBツールの方が便利な場合があります。やはり「Cacoo」が国産ツールなので個人的には一番使いやすいですね。

以前にまとめた記事もありましたのであわせてどうぞ。

 

10 Completely Free Wireframing and Mockup Tools

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

関連記事

  1. WEB制作関連

    WEBページを丸裸にしてしまう「The Sexy Curls jQuery」

    右上のちょっとめくれている部分を開くとあれよあれよとWEBページの中身…

  2. WEB制作関連

    複数の動画を設置できる「jQuery Youtube Player 」

    埋め込みコードを取得すれば簡単に設置できるYouTubeの動画ですが、…

  3. WEB制作関連

    ペーパープロトタイピングのすすめ

    みなさんはWEBサイトの画面設計をする時に何を利用するでしょうか。…

  4. WEB制作関連

    Webサイトをリニューアルすべきではない理由

    世の中には様々なWebサイトがありますが、数年に一度はリニューアルされ…

  5. WEB制作関連

    おしゃれは足元から。フッターの素敵なWEBサイト30個

    最近は「ファットフッター」などと呼ばれ、厚めのフッターにサイトマップな…

  6. WEB制作関連

    デザイナーなら必ずダウンロードしたいフリーフォント100個

    クールなものやポップなものなど、デザインに重宝しそうなフリーフォントの…

  1. Design Items

    もったいなくて食べられない!食べ物で作られたアート
  2. WEB制作関連

    色とWEBデザイン -むらさき編-
  3. ソーシャルメディア

    まずはフォローしておきたい企業のmixiページまとめ
  4. Design Items

    デスクがすっきりオシャレにまとまる LEXON「Buro」
  5. 話題・トレンド

    思わず目を疑ってしまうペットの捜索願い
PAGE TOP
Top