Dê vida a uma ideia de aplicação com um wireframe do Visio. Um wireframe é um modelo visual detalhado da interface de utilizador de uma aplicação que funciona como um plano das funcionalidades e conteúdos. Estes Modelos de Wireframe Para Dispositivos Móveis e Sites são ideais para criar esboços de estrutura de baixa-fidelidade para apresentar ideias, chegar a um consenso dentro da equipa e criar a base de um wireframe de alta-fidelidade.
Nota: Estes modelos de wireframe estão disponíveis na aplicação de ambiente de trabalho comVisio (Plano 2) e Visio 2019. Não estão disponíveis na versão baseada no browser do Visio.
Introdução
Para localizar os Modelos de Wireframe Para Dispositivos Móveis e Sites:
-
Site Selecione Ficheiro > Novo > Modelos > Software e Base de Dados > Wireframe – Site
-
Dispositivos móveis Selecione Ficheiro > Novo > Modelos > Software e Base de Dados > Wireframe – Aplicação Para Dispositivos Móveis
Nota Os Modelos de Wireframe para Sites e Dispositivos Móveis são diferentes do Modelo de Diagrama wireframe legado, concebido principalmente para aplicações de ambiente de trabalho.
Resumo dos Modelos de Wireframe
Para cada modelo, pode escolher um diagrama de introdução para começar rapidamente ou um desenho em branco. Cada modelo tem cinco stencils (contentores, controlos, multimédia, texto e navegação) com várias formas em cada um. Os contentores fornecem-lhe grupos pré-criados de formas que representam diferentes cartões e caixas de diálogo para ajudar a acelerar a criação do seu diagrama de wireframe. Os stencils de wireframe também têm formas inteligentes, como um controlo de deslize de intervalos ou uma barra de progresso, que pode personalizar com pontos de controlo e ações de menu de contexto para modificar estados, valores numéricos ou estilos visuais. Estes modelos são genéricos e podem ser utilizados para diferentes browsers e dispositivos móveis.
Modelos e Diagramas de Introdução |
Descrição |
|
---|---|---|
|
Wireframe – Site |
Um modelo em branco que permite criar o esquema de conteúdo básico de um site, incluindo interfaces e navegação e como funcionam em conjunto. |
|
Diagrama de Wireframe de Multimédia |
Um diagrama de introdução para um site que contém texto e multimédia. |
|
Diagrama de Wireframe da Empresa |
Um diagrama de introdução de um site para a página de destino de um produto. |
|
Diagrama de Wireframe de Comércio Eletrónico |
Um diagrama de introdução para um site de comércio eletrónico. |
|
Wireframe – Aplicação Para dispositivos móveis |
Um modelo em branco que permite criar o esquema de conteúdo básico de uma aplicação para dispositivos móveis, incluindo interfaces e navegação e como funcionam em conjunto. |
|
Diagrama de Wireframe de Lista |
Um diagrama de introdução para uma aplicação para dispositivos móveis que representa itens de lista. |
|
Diagrama de Wireframe de Multimédia |
Um diagrama de introdução para uma aplicação para dispositivos móveis que contém texto e multimédia. |
|
Diagrama de Wireframe de Perfil de Utilizador |
Um diagrama de introdução para uma aplicação para dispositivos móveis que representa um ecrã de perfil de utilizador. |