ワイヤーフレームの作成は骨の折れる作業ですが、事前にしっかり合意を得ておくことで、その後の制作をスムーズに進めることができます。短時間で精度の高いワイヤーフレームを作成したいものです。
ここでは、そんなワイヤーフレーム作成時に役立つ素材やオンライツールをご紹介します。
ドラッグ＆ドロップで簡単にWebサイトのモックアップが作成＆共有できるサービス。
Bootstrapを使ったWebサイトのモックアップをドラッグ＆ドロップで簡単に作れるサービス。
ブラウザー上でWebサイトのワイヤーフレームが作成できるサービス。
UIのワイヤーフレームをざっくり作るのに便利なツール。
レスポンシブに対応したモックアップを作成できるサービス。要会員登録。
※psdのダウンロードは最初のコメント内から
ワイヤーフレームの作成は骨の折れる作業ですが、事前にしっかり合意を得ておくことで、その後の制作をスムーズに進めることができます。短時間で精度の高いワイヤーフレームを作成したいものです。
ここでは、そんなワイヤーフレーム作成時に役立つ素材やオンライツールをご紹介します。
オンラインツール
Mockup Designer fatiherikli.github.io: Mockup Designer
ドラッグ＆ドロップで簡単にWebサイトのモックアップが作成＆共有できるサービス。
Mockup Designer
http://fatiherikli.github.io/mockup-designer/Easel easel.io: Demo - Easel
Bootstrapを使ったWebサイトのモックアップをドラッグ＆ドロップで簡単に作れるサービス。
Easel
https://www.easel.io/bootstrapwireframe.cc wireframe.cc
ブラウザー上でWebサイトのワイヤーフレームが作成できるサービス。
wireframe.cc - minimal wireframing tool
http://wireframe.cc/Stylo styloapp.com: Stylo
UIのワイヤーフレームをざっくり作るのに便利なツール。
Stylo
http://styloapp.com/FROONT froont.com: FROONT – design responsive websites ...
レスポンシブに対応したモックアップを作成できるサービス。要会員登録。
FROONT – design responsive websites in the browser
http://froont.com/ベクター形式のワイヤーフレーム素材
Free Photoshop Wireframe Kit — Rafal Tomal
http://rafaltomal.com/free-photoshop-wireframe-kit/Wireframe / Blueprint Kit by Kai Husen
http://dribbble.com/shots/760177-Wireframe-Blueprint-Kit※psdのダウンロードは最初のコメント内から
Free responsive wireframes (GIF) by Chris Bannister
http://dribbble.com/shots/1017934-Free-responsive-wireframes-GIFiPhone・iPadのワイヤーフレーム素材
WireKit • An iPhone App Wireframing Kit
http://adamwhitcroft.com/wirekit/FREE Pack UI .PSD by Alexandre Crenn
http://dribbble.com/shots/1020321-FREE-Pack-UI-PSDiPad Sketch Elements AI | Teehan+Lax
http://www.teehanlax.com/blog/ipad-sketch-elements-ai/iPhone Blueprint Wireframe Kit -FreePSD by Jd Uchima
http://dribbble.com/shots/1042920-iPhone-Blueprint-Wireframe-Kit-FreePSDフラットデザインのフレーム素材
iMac Mockup by Touny
http://dribbble.com/shots/996440-iMac-MockupMacBook Pro Mockup by Touny
http://dribbble.com/shots/999674-MacBook-Pro-MockupiPhone 5 Mockup by Touny
http://dribbble.com/shots/996369-iPhone-5-MockupMinimal Apple Devices [ Free ] by Sebastiano Guerriero
http://dribbble.com/shots/983661-Minimal-Apple-Devices-FreeFlat Firefox by Bruno Felicio
http://dribbble.com/shots/1127970-Flat-FirefoxFlat Chrome by Bruno Felicio
http://dribbble.com/shots/1126404-Flat-Chrome関連するトピックス