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デザイン30個

    WEBサービスやアプリケーションの紹介には欠かせないスクリーンショット…

  2. WEB制作関連

    HTML5を学ぶなら必ず見ておきたいWEBサイト35選

    そろそろ本格的に学びたいHTML5ですが、そんな時にぜひ参考にしたいW…

  3. WEB制作関連

    カッコいいグランジ風のフォント45個まとめ

    グランジ系フォントのまとめです。個人利用向け中心ですが好みのものが多か…

  4. WEB制作関連

    HTMLメールのプレビュー方法 -Thunderbird編-

    HTMLメールを作ったんですが、どうやってプレビューすればいいの?…

  5. WEB制作関連

    テクスチャ使いが秀逸な35個のWEBサイト

    効果的なテクスチャの使い方で世界観をつくりだしているWEBサイトのまと…

  6. WEB制作関連

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

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

  1. Design Items

    思わず「なるほど!」と言ってしまうナイスデザイン
  2. ソーシャルメディア

    これは便利。PSD形式のFacebookページ用テンプレート
  3. WEB制作関連

    パーツ別のWEBデザインギャラリー8選
  4. WEB制作関連

    ユーザビリティを向上させる25の高品質なアイコンセット
  5. 話題・トレンド

    Windows効果音だけでつくった音楽
PAGE TOP
Top