W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

Webサイトのワイヤーフレームを作成するときに役立つツール・素材まとめ

ワイヤーフレームの作成は骨の折れる作業ですが、事... / オンラインツール / Mockup Designer他...全28件

ワイヤーフレームの作成は骨の折れる作業ですが、事前にしっかり合意を得ておくことで、その後の制作をスムーズに進めることができます。短時間で精度の高いワイヤーフレームを作成したいものです。

ここでは、そんなワイヤーフレーム作成時に役立つ素材やオンライツールをご紹介します。

オンラインツール

Mockup Designer fatiherikli.github.io: Mockup Designer

ドラッグ&ドロップで簡単にWebサイトのモックアップが作成&共有できるサービス。

Easel easel.io: Demo - Easel

Bootstrapを使ったWebサイトのモックアップをドラッグ&ドロップで簡単に作れるサービス。

wireframe.cc wireframe.cc

ブラウザー上でWebサイトのワイヤーフレームが作成できるサービス。

Stylo styloapp.com: Stylo

UIのワイヤーフレームをざっくり作るのに便利なツール。

FROONT froont.com: FROONT – design responsive websites ...

レスポンシブに対応したモックアップを作成できるサービス。要会員登録。

ベクター形式のワイヤーフレーム素材

iPhone・iPadのワイヤーフレーム素材

フラットデザインのフレーム素材

最終更新日:2013-06-28 (37,386 views)

関連するトピックス

ページ上部に戻る