デザイン

デザイン

PR

UXデザインに優れたフリーワイヤーフレームテンプレート50選!スマホアプリやWebサイトで使える

speckyboy

Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web.

本記事は、50 Free Wireframe Templates for Mobile, Web and UX Design
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

3,440 views

読了時間 : 約7分12秒

プレジェクトの立ち上げ時には、完璧なフォームのアイディアがないことが多いと思います。そんな時には、全てのデザイン要素を取り除き、レイアウトの情報階層を定義、より適切に伝達し、機能とユーザーフローを計画することで、モバイルアプリまたはウェブプロジェクトのレイアウトをワイヤフレーム化することをお勧めします。ホワイトボード・鉛筆と紙・ウェブのベースツール・グラフィックアプリのいずれを使用しても、効果的なワイヤフレーム作成と計画は、製品の成功に重要な役割を果たします。

 

ほとんどのワイヤーフレーミングツール(ペン、紙、マーカーなど)は簡単に無料で入手できますが、ウェブベースのツールを使用するには料金がかかる場合があります。また、ページの場所を知っていれば、グラフィックアプリケーション用の無料テンプレートも入手できます。 フォトショップ、イラストレーター、スケッチのようなものです。このページを見たあなたは、ラッキーです!

 

「Material Design」「iOS」「Multi-Purpose Mobile」「Web Design」「UX Design」のサブカテゴリーに分類しているので、求めているワイヤーフレームテンプレートを探すのは、簡単です。

 

仕様、ガイドライン、およびデザインのトレンドは常に改善されており、以下のワイヤフレームテンプレートはそれを反映していますが、古い、まだ関連性のあるワイヤフレームテンプレートをお探しの場合は、2014年からご覧ください。

 

 

iOS Wireframe Kits

 

Bones IOS Wireframe Kit

※Envato Elementsサブスクリプション付き

 

 

 

iPhone 6 Vector Wireframing Toolkit (AI).

Designed by Michelle

 

Turbo iOS Wireframe Kit

※Envato Elementsサブスクリプション付き

 

Snap UI iOS8 Wireframe Kit (Sketch).

Designed by Jon Rundle.

 

Basement iOS Wireframe Kit

※Envato Elementsサブスクリプション付き

 

Flow iOS Wireframe Kit (Sketch).

Designed by Vineet Kumar.

 

Sketchy-iOS Wireframe Kit

※Envato Elementsサブスクリプション付き

 

iOS Simple Wireframe Kit (Sketch).

Designed by Barbara Giardelli.

 

Turbo iOS Wireframe Kit (Sketch).

Designed by JustUI.

 

 

Apple Watch Wireframe Kit (AI).

Designed by Jessie Farris.

 

 

Apple Watch Wireframe Templates (Sketch).

Designed by Remi Fayolle.

 

 

iPhone Templates Mobile Storyboard Template (AI).

Designed by J.Baptiste Eudeline.

 

iPad Wireframes for UX Design (Sketch).

Designed by Phil Goodwin.

 

iPhone Wireframes (Sketch).

Designed by Phil Goodwin.

 

iPhone 6 Wireframes (PSD).

Designed by Oleg Sukhorukov.

 

Free iOS UX Wireframe & Icon Set (PNG, SVG & EPS).

Designed by Marcin Cajzer.

 

WZ Wireframe Kit (Sketch).

Designed by wendzhue.

 

Material Design Wireframe Kits

 

Material Design Wireframe Kit (Sketch).

Designed by Dan Shipley.

 

Material Design Mobile Wireframe Templates (PSD).

Designed by Abdulhameid Grandoka.

 

Multi-Purpose Mobile Wireframe Kits

 

Wires-Two free wireframe UX kits for mobile and web, built exclusively for Adobe XD.

 

Mobile Design System

※Envato Elementsサブスクリプション付き

 

Moon Wireframe Kit (Sketch).

Designed by George Frigo.

 

Molo

※Envato Elementsサブスクリプション付き

 

Mobile UI Blueprint (PSD).(Mobile UI Blueprint (PSD). Designed by 365PSD.)

Designed by 365PSD.

 

 

Bolt Wireframes

※Envato Elementsサブスクリプション付き

 

Mobile Wireframe Templates (Sketch).

Designed by Riza Selcuk Saydam.

 

Liberty Mobile

※Envato Elementsサブスクリプション付き

 

Mobile Wireframe Kit (Sketch).

Designed by Phil Goodwin.

 

Mobile Wireframe Kit

※Envato Elementsサブスクリプション付き

 

Printable Wireframe Templates

※Envato Elementsサブスクリプション付き

 

Web Design Wireframe Templates

 

Basement Wireframe Kit

※Envato Elementsサブスクリプション付き

 

Free Website Wireframe Templates (Sketch).

Designed by The Gentlemans Mustache.

 

UX Flowchart Cards

※Envato Elementsサブスクリプション付き

 

Sketchframes Boostrap UI Kit (Sketch).

 

Greyhound UX

※Envato Elementsサブスクリプション付き

 

Wirebase Base Elements for Creating Wireframes(Sketch).

Designed by Patryk Zabielski.

 

Blokk Wireframes

※Envato Elementsサブスクリプション付き

 

Responsive Wireframe Template (Sketch).

Designed by Jubal Mabaquiao.

 

Paper Wireframe Kit

※Envato Elementsサブスクリプション付き

 

Mottom Simple eCommerce Wireframe Templates (Sketch).

Designed by A. Yusuf Besim.

 

Jolly UI Free Hand-Drawn UI Kit (AI & EPS).

Designed by Hand-Drawn Goods.

 

Website Wireframe Template (Sketch).

Designed by Garret Voorhees.

 

Multi-Purpose Wireframe Kit (Sketch).

Designed by Micah Sivitz.

 

Kita3 Wireframe & Mockup UI Kit (PSD).

Designed by Mouafa Ahmed.

 

Teracy Wireframe Kit (Sketch).

Designed by Teracy.

 

Fluid Wireframe Kit (Sketch).

 

Wireframe Landing Page Template (Photoshop)

 

Atomic Design Template (Sketch)

 

Essential Prototyping Template (Sketch)

 

Starter Wireframe Templates (Sketch)

 

B&W UI Elements (Sketch).

 

 

UX Design Templates

 

Wyre Web Layout Flowcharts (AI, EPS & SVG).

Designed by Petr Knoll.

 

Web and Mobile Wireframing & Layout Kit (AI).

Designed by VectorOpenStock.

 

Mobile Wireframing Kit & Flowchart Kit (Sketch).

Designed by Dmitry Kurash & Irina Medyantseva.

 

 

Flowchart Wireframe Set (Sketch).

Designed by Arthur Guillermin Hazan.

 

Wireframer Icon Pack (SVG).

Designed by Eugene Dobrik

 

iPhone 6 UX Workflow (AI).

Designed by Aaron Humphreys.

 

UX Device Pack (AI & EPS).

Designed by Qaaim Goodwin.

 

 

UX Wireframe Set (AI).

Designed by Michal Koczor.

 

Mobile Diagram Template (Sketch).

Designed by Ismael Kose.

 

UX Case Study Wireframe Template (EPS).

Designed by Ashley Porciuncula.

 

Free Flowchart Kit (Sketch)..

 

User Flow Assets (Sketch)..

 

User Flow Diagram Template (Sketch).

 

Web Design Flowchart Templates (Photoshop)..

 

Mobile UI Wireflow Template Kit (Sketch).

おすすめ新着記事

おすすめタグ