TOP  >  Tool  >  ワイヤーを制作する時に必ず役に立つまとめ「10 Free & Latest Wireframe Tools and Templates」
2017年07月19日

ワイヤーを制作する時に必ず役に立つまとめ「10 Free & Latest Wireframe Tools and Templates」

デザインをする上で欠かすことのできないワイヤー制作。設計の基礎となるものであり、制作の方針をディレクターに伝えるためのものでもあります。デザイン業務に必ず組み込まれているものだからこそ、便利なツールを使用すれば業務がスムーズになるはず。そんな中今回は、知っていれば業務が楽になるまとめ「10 Free & Latest Wireframe Tools and Templates」をご紹介していきます。

JustInMind_top
Prototyping tool for web and mobile apps – Justinmind

ワイヤー制作を楽に行えるようになるツールがまとめられています。下記にいくつかピックアップしているのでご覧ください。

詳しくは以下

wire00
Wireframing Tool for Professionals – WireframeSketcher
スマートフォン、Windowsに対応している、ラフな手描きテイストのツール。ワイヤーの制作もドラッグ&ドロップをするだけで行える手軽さなのも嬉しいポイントの一つです。初期の状態でベクターのアイコンが200個以上も収録されており、簡単なものはもちろん複雑なものも制作することに適しているのでチェックしてみて下さい。
 
 
 
Minimal_02
Wireframe.cc – minimal wireframing tool
ダウンロードの必要がなく、ブラウザ上で制作することができます。機能も充足しており、スマートフォンを横に向けた時のモックアップも選択することが可能。注釈の入れ方も簡単で、オンライン上に保存されたものはリンクで自由に共有することができるのも魅力の一つ。
 
 
 
MockFlow_03
MockFlow – Online Wireframe Tools, Prototyping Tools, UI Mockups, UX Suite
WordPressなどのWEBサイト自体のモックアップも収録されており、幅広い種類のワイヤーを制作するのに役立ちます。制作方法も簡単なのでスピーディに作ってしまいたいときには重宝できるツール。
 
 
このようなツールを活用して業務時間を短縮しながらワイヤーのクオリティがあがれば、制作に取りかかった時や他の人と共有する時などに助かるのではないでしょうか。上記に紹介したもの以外にも便利なものが多くまとめられているので、ぜひチェックしてみて下さいね。

10 Free & Latest Wireframe Tools and Templates |

posted 09:00  |  
Category: Tool   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る