50 modelos de wireframe gratuitos para design móvel, web e UX

Publicados: 2021-11-15

Nos estágios iniciais de um projeto, quando as ideias não estão totalmente formadas, é uma boa prática estruturar o layout de seu aplicativo móvel ou projeto da Web, eliminando todos os elementos de design e floreios para ajudar a definir e comunicar melhor a hierarquia de informações do layout e plano para funcionalidade e fluxo de usuários.

Quer você os crie usando um quadro branco, lápis e papel, ferramentas baseadas na Web ou usando um aplicativo gráfico, o planejamento e o wireframe efetivos desempenham um papel crítico no sucesso do seu produto.

Enquanto a maioria das ferramentas de wireframes estão disponíveis gratuitamente (caneta, papel, marcadores…), você pode ter que pagar para usar algumas ferramentas baseadas na web, e se você souber onde procurar, você também pode pegar alguns modelos gratuitos para aplicativos gráficos como Photoshop, Illustrator ou Sketch. Sorte que você sabe onde procurar, pois chegou a esta página!

Índice

  • Kits de estrutura de arame para iOS e iPhone
  • Kits de IU para Android e Material Design
  • Kit de IU móvel multifuncional e de plataforma
  • Kits de estrutura de arame para web design
  • Modelos de Design UX

Conteúdo Relacionado

  • 50 kits de IU móveis gratuitos
  • 50 kits de IU da Web gratuitos
  • 15 kits de interface do usuário gratuitos para Bootstrap
  • 20 kits de interface do usuário gratuitos para Adobe XD
  • 30 kits de interface de usuário de design de material gratuitos
  • 40 modelos gratuitos do Figma
  • 20 Kits de IU gratuitos para Sketch
  • Kits de IU da Web de código aberto

Kits de estrutura de arame para iOS e iPhone

Kit de estrutura de arame móvel Sketch & Figma
Projetado pela UI8 nos formatos Sketch e Figma

Modelo gratuito de interface do usuário para iOS Sketch Figma Mobile Wireframe Kit

Kit de estrutura de arame para iOS esboçado em Envato Elements

Modelo de wireframe gratuito para iOS esboçado

Kit de estrutura de arame simples para iOS
Desenhado por Barbara Giardelli em formato Sketch

Modelo de wireframe gratuito simples para iOS Formato de esboço

Kit de estrutura de arame Bones IOS em Envato Elements

Modelo de wireframe gratuito do Bones IOS

Kit de estrutura de arame para iOS de IU de Snap
Desenhado por Jon Rundle no formato Sketch

Modelo de wireframe gratuito Snap UI iOS Wireframe Kit Formato de esboço

Kit de estrutura de arame para iOS de fluxo
Projetado por Vineet Kumar em formato de esboço

Modelo de wireframe gratuito do Flow iOS Formato de esboço

Kit de estrutura de arame para iOS do Turbo
Projetado por JustUI no formato Sketch

Modelo de wireframe gratuito Turbo iOS Formato de esboço

Kit de estrutura de arame do Apple Watch
Projetado por Jessie Farris no formato Illustrator AI

Modelo de wireframe gratuito do Apple Watch Formato AI do Illustrator

Kit de ferramentas de wireframes vetoriais do iPhone
Projetado por Michelle no formato Illustrator AI

Modelo de wireframe gratuito para iPhone Vector Wireframing Toolkit Formato AI do Illustrator

Modelos de estrutura de arame do Apple Watch
Desenhado por Remi Fayolle em formato Sketch

Modelo de wireframe gratuito do Apple Watch Formato de esboço

Modelos de iPhone Modelo de storyboard para celular
Projetado por J.Baptiste Eudeline no formato Illustrator AI

Modelos de iPhone Modelo de wireframe gratuito de storyboard móvel Formato AI do Illustrator

Wireframes do iPad para UX Design
Projetado por Phil Goodwin no formato Sketch

Wireframes para iPad para UX Design modelo de wireframe gratuito Formato de Esboço

Wireframes do iPhone
Projetado por Phil Goodwin no formato Sketch

Modelo de wireframe gratuito para iPhone Wireframes Formato de esboço

Wireframes do iPhone
Projetado por Oleg Sukhorukov no Photoshop PSD Format

modelo de wireframe gratuito do iPhone Wireframes

Conjunto de ícones e wireframes iOS UX grátis
Projetado por Marcin Cajzer nos formatos PNG, SVG e EPS

iOS UX Wireframe Icon Definir modelo de wireframe gratuito PNG SVG EPS Format

Kit de estrutura de arame WZ
Projetado por Wendzhue em formato de esboço

Modelo de wireframe gratuito do WZ Kit Formato de esboço

Kits de IU para Android e Material Design

Kit de estrutura de arame de design de material
Projetado por Dan Shipley em formato de esboço

Modelo de wireframe gratuito de kits de interface do usuário do Material Design Formato de esboço

Modelos de estrutura de arame móvel de design de material
Desenhado por Abdulhameid Grandoka no Photoshop PSD Format

Modelo de wireframe gratuito para celular de design de material Formato PSD do Photoshop

Kit de IU móvel multifuncional e de plataforma

Kits de UX de estrutura de arame sem fios
Projetado por UI8 Design no formato Adobe XD

Modelo de wireframe gratuito Wires UX Kits Formato Adobe XD

Modelos de estrutura de arame de parafuso em Envato Elements

Modelo de wireframe sem parafusos

Kit de estrutura lunar
Desenhado por George Frigo em formato Sketch

Modelo de wireframe livre de lua Formato de esboço

Sistema de design móvel em Envato Elements

Modelo de wireframe gratuito do Mobile Design System

Plano de IU móvel
Projetado por 365PSD no formato Photoshop PSD

Modelo de wireframe gratuito do modelo de interface do usuário móvel Formato PSD do Photoshop

Modelos de wireframe para celular
Projetado por Riza Selcuk Saydam em formato de esboço

Modelo de wireframe gratuito para celular Formato de esboço

Kit de estrutura de arame móvel
Projetado por Phil Goodwin no formato Sketch

Modelo de wireframe gratuito para Mobile Wireframe Kit Formato de Esboço

Kit de estrutura de arame móvel em Envato Elements

Modelo gratuito de wireframe móvel

Modelos de wireframe imprimíveis em Envato Elements

Modelo de wireframe gratuito para impressão

Kits de estrutura de arame para web design

Kit de estrutura de arame Lowdi
Projetado por Daniel Wodziczka no formato Figma

Modelo de wireframe gratuito Lowdi Wireframe Kit Formato de esboço

Modelos de Wireframe de Site Gratuitos
Desenhado por The Gentlemans Moustache em formato Sketch

Modelo de wireframe gratuito de site Formato de esboço

Kit de interface do usuário Boostrap para Sketchframes
Formato de esboço

Sketchframes Boostrap UI modelo de wireframe gratuito Formato de esboço

Elementos base do Wirebase para criação de wireframes
Desenhado por Patryk Zabielski no formato Sketch

Modelo de wireframe gratuito do Wirebase Base Elements Formato de esboço

Modelo de estrutura de arame responsivo
Desenhado por Jubal Mabaquiao em formato Sketch

Modelo de wireframe gratuito de site responsivo Formato de esboço

Modelos de estrutura de arame de comércio eletrônico simples de lema
Desenhado por A. Yusuf Besim em formato de esboço

Modelo de wireframe gratuito de eCommerce Motto Simples Formato de esboço

Jolly UI Kit de UI desenhado à mão gratuito
Projetado por Hand-Drawn Goods em formatos AI e EPS

Jolly UI Free Hand-drawn UI template wireframe gratuito Formatos AI EPS

Modelo de Wireframe do Site
Projetado por Garret Voorhees em formato de esboço

Modelo de wireframe gratuito de site Formato de esboço

Kit de estrutura de arame multiuso
Projetado por Micah Sivitz em formato de esboço

Modelo de wireframe gratuito multiuso Formato de esboço

Kita3 Wireframe & Mockup UI Kit
Desenhado por Mouafa Ahmed no formato Photoshop PSD

Kita3 Mockup UI modelo de wireframe gratuito Photoshop PSD Format

Kit de estrutura de arame Teracy
Projetado por Teracy em formato de esboço

Modelo de wireframe gratuito Teracy Formato de esboço

Kit de estrutura de arame fluido
Projetado por Ben Hartley em formato de esboço

Modelo de wireframe gratuito Fluid Kit Formato de esboço

Modelo de página de destino de estrutura de arame
Desenhado por Dorin007 no formato Photoshop PSD

Modelo de wireframe gratuito de página de destino Photoshop PSD Format

Modelo de Design Atômico
Desenhado por Danko Tantegl em formato Sketch

Modelo de wireframe gratuito de design atômico Formato de esboço

Modelo de Prototipagem Essencial
Projetado por Konstantin Tereschenkov em formato de esboço

Modelo de wireframe gratuito de prototipagem essencial Formato de esboço

Modelos de estrutura de arame iniciais
Projetado por Devbridge no formato Sketch

Modelo de wireframe gratuito para iniciantes Formato de esboço

Elementos de interface do usuário em preto e branco
Projetado por Hitesh no formato Sketch

Modelo de wireframe gratuito B&W UI Elements Formato de esboço

Modelos de Design UX

Fluxogramas de layout do Wyre Web
Projetado por Petr Knoll nos formatos AI, EPS e SVG

Modelo de wireframe gratuito de fluxogramas de layout da Web Wyre Formato AI EPS SVG

Kit de Layout e Wireframe para Web e Móvel
Projetado por VectorOpenStock no formato Illustrator AI

Modelo de wireframe gratuito para Web Mobile Wireframing & Layout Kit Illustrator AI Format

Kit de wireframe móvel e kit de fluxograma
Desenhado por Dmitry Kurash & Irina Medyantseva no formato Sketch

Modelo de wireframe gratuito de fluxograma de kit de wireframe móvel Formato de esboço

Conjunto de estrutura de arame de fluxograma
Projetado por Arthur Guillermin Hazan em formato de esboço

Fluxograma Definir modelo de wireframe gratuito Formato de esboço

Pacote de ícones do Wireframer
Projetado por Eugene Dobrik no formato SVG

Modelo de wireframe gratuito Wireframer Icon Pack Formato SVG

Fluxo de trabalho do iPhone UX
Projetado por Aaron Humphreys no formato Illustrator AI

Modelo de wireframe gratuito para iPhone UX Workflow Formato AI do Illustrator

Pacote de dispositivos UX
Projetado por Qaaim Goodwin nos formatos Illustrator AI e EPS

Modelo de wireframe gratuito do UX Device Pack Formatos EPS do Illustrator AI

Conjunto de wireframes UX
Projetado por Michal Koczor no formato Illustrator AI

UX Definir modelo de wireframe gratuito Illustrator AI Format

Modelo de diagrama móvel
Desenhado por Ismael Kose em formato Sketch

Modelo de wireframe gratuito de diagrama móvel Formato de esboço

Modelo de Wireframe de Estudo de Caso de UX
Desenhado por Ashley Porciuncula em formato EPS

Modelo de wireframe gratuito de estudo de caso de UX Formato EPS

Kit de fluxograma gratuito
Projetado por Greg Dlubacz no formato Sketch

Modelo de wireframe gratuito do Kit de fluxograma Formato de esboço

Recursos de fluxo do usuário
Desenhado por Emanuel Serbanoiu em formato Sketch

Modelo de wireframe gratuito do User Flow Assets Formato de esboço

Modelo de diagrama de fluxo do usuário
Projetado por Jarek Ceborski em formato de esboço

Modelo de wireframe gratuito de diagrama de fluxo de usuário Formato de esboço

Modelos de fluxograma de design da web
Projetado por Vova Kurbatov no Photoshop PSD Format

Modelo de wireframe gratuito de fluxograma de Web Design Photoshop PSD Format

Kit de modelo de fluxo de rede de interface do usuário móvel
Desenhado por Ray Macari em formato Sketch

Modelo de wireframe gratuito de Wireflow de interface do usuário móvel Formato de esboço