Webサイトのワイヤーフレームを作成するときに役立つツール・素材まとめ ワイヤーフレームの作成は骨の折れる作業ですが、事... / オンラインツール / Mockup Designer他...全28件

登録日:2013-06-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のワイヤーフレーム素材

-

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

-
スポンサーリンク

この記事をシェア