Modelos de maquete de interface do usuário para criar interfaces de usuário exclusivas
Publicados: 2016-07-14Um mockup de interface do usuário é uma representação realista ou um rascunho visual do design de um site ou de um aplicativo web/móvel. Uma maquete de interface do usuário reflete os elementos de design do aplicativo ou do site, como esquema de cores, imagens, logotipos, tipografia, botões etc., representando assim a aparência final da interface do aplicativo.
A seguir estão alguns modelos úteis de maquete de interface do usuário que são criados profissionalmente usando a ferramenta de maquete de interface do usuário da Creately . Você pode usá-los para ilustrar as interfaces de usuário de sites e aplicativos móveis/sites que você está projetando. Basta clicar no modelo para usá-lo como modelo ou editá-lo online.
- Modelo de maquete de interface do usuário de uma página de login
- Modelo de maquete de interface do usuário de uma loja virtual - carrinho de compras
- Modelo de maquete de interface do usuário de uma página da Web
- Modelo de maquete de interface do usuário do cliente de e-mail da Apple – tela de composição
- Modelo de maquete de interface do usuário de um blog
- Modelo de maquete de interface do usuário de um formulário de contato de site
- Modelo de maquete de interface do usuário de uma página do Twitter
- Modelo de maquete de interface do usuário de um assistente de instalação de software
- Modelo de maquete de interface do usuário de uma página do Facebook
- Modelo de maquete de interface do usuário de um sistema de folha de pagamento
Modelo de maquete de interface do usuário de uma página de login
Este modelo é um modelo básico de login de membro. Ele inclui dois campos para inserir informações de login de membros e um botão de inscrição para aqueles que ainda não são membros. Além disso, há também uma opção para quem esqueceu a senha de login. Basta clicar na imagem para fazer as alterações desejadas ou usá-la como modelo.
Clique na imagem para editar online
Modelo de maquete de interface do usuário de uma loja virtual - carrinho de compras
Este modelo mostra uma maquete da interface do usuário de uma loja virtual ou site de comércio eletrônico, mais especificamente da página de categoria de camisas na seção Masculina. Você pode usar este modelo como inspiração para criar um novo modelo de interface do usuário do site de comércio eletrônico. Clique na imagem para alterar os detalhes de acordo com os requisitos da sua própria loja online.
Clique na imagem para editar online
Modelo de maquete de interface do usuário de uma página da Web
O modelo a seguir representa um modelo de interface do usuário de uma página de site (a página inicial do site). É um site simples no estilo de abas, com um cabeçalho (onde as abas são exibidas), um sub-cabeçalho (onde uma imagem de cabeçalho pode ser exibida) e um rodapé (onde os links para outras páginas de destino podem ser exibidos).
Entre o cabeçalho e o rodapé, mais detalhes são apresentados de maneira amigável. Você pode usar outros controles de interface do usuário da Web disponíveis no aplicativo para editar o modelo para atender às suas necessidades. Basta clicar na imagem e começar a modificar online.
Clique na imagem para editar online
Modelo de maquete de interface do usuário do cliente de e-mail da Apple – tela de composição
Aqui está um modelo de maquete de interface do usuário da tela do compositor do cliente de e-mail da Apple. Os controles OSX necessários que você precisa para projetar aplicativos OSX estão disponíveis no aplicativo. Clique na imagem para usá-la como modelo ou altere-a de acordo com suas necessidades.
Caso você também esteja projetando um aplicativo para iPhone, aqui estão alguns modelos de maquete de interface do usuário do iPhone para ajudá-lo.
Clique na imagem para editar online
Modelo de maquete de interface do usuário de um blog
Este é um modelo de maquete de interface do usuário de uma página de blog. Você pode encontrar mais controles de interface do usuário, como botões de compartilhamento social, postagens de blog, links de trilha de navegação, menus, etc., que são necessários para criar modelos de interface do usuário da página do blog no aplicativo. Clique na imagem para editar o modelo de acordo com os requisitos do design do seu blog.
Clique na imagem para editar online
Modelo de maquete de interface do usuário de um formulário de contato de site
O modelo de maquete de interface do usuário abaixo é de um formulário de contato do site. As informações de contato essenciais, como endereço, endereço de e-mail e número de contato, são adicionadas no lado direito. Abaixo desses detalhes está um mapa marcando a localização do negócio. No lado esquerdo da página há um formulário de contato que os visitantes podem usar para marcar uma consulta. Clique na imagem para editar este modelo de acordo com suas necessidades.
Clique na imagem para editar online
Modelo de maquete de interface do usuário de uma página do Twitter
O modelo de maquete de interface do usuário a seguir mostra uma página do Twitter (para uma conta pessoal ou comercial). Creately oferece todos os ícones necessários para criar maquetes de interface do usuário para aplicativos comerciais como o Twitter. Basta clicar na imagem para usá-la como modelo e modificá-la de acordo com suas próprias ideias de design.
Clique na imagem para editar online
Modelo de maquete de interface do usuário de um assistente de instalação de software
O modelo a seguir representa um modelo de interface do usuário de um assistente de instalação de software. Os assistentes, normalmente usados para instalar software, descrevem as etapas de um processo de instalação de um software. Este modelo mostra uma dessas etapas e os modelos de maquete de interface do usuário das etapas a seguir são vinculados a ele para simular o cenário em tempo real (clique no botão 'Próximo' para acessar o próximo modelo). Clique na imagem e prossiga para modificá-la como desejar.
Clique na imagem para editar online
Modelo de maquete de interface do usuário de uma página do Facebook
Aqui está um modelo de maquete de interface do usuário de uma página do Facebook. No processo de design de um aplicativo de mídia social como o Facebook, você pode criar rapidamente modelos de maquete de interface do usuário como este com a ajuda do aplicativo. Clique na imagem para usá-la como modelo ou ajuste-a como desejar.
Clique na imagem para editar online
Modelo de maquete de interface do usuário de um sistema de folha de pagamento
O modelo de maquete de interface do usuário abaixo é de um sistema de folha de pagamento para o sistema operacional Windows. Funções como cálculo de salário, horas extras etc. são apresentadas no modelo. Você pode editar o template e adicionar mais funções ao sistema usando os ícones disponíveis no app. Clique na imagem para iniciar a edição.
Clique na imagem para editar online
Mais modelos de maquete de interface do usuário
A ferramenta de maquete de interface do usuário fácil de usar do Creately e os modelos de maquete de interface do usuário projetados profissionalmente ajudarão você a começar a criar seu próprio site ou design de aplicativo imediatamente. Se você está procurando um pouco de inspiração ou ajuda, confira nossa comunidade para ideias exclusivas contribuídas por nossos usuários também.
Mais modelos de diagramação
- Modelos de diagrama de caso de uso
- Modelos de diagramas de espinha de peixe
- Modelos de mapa mental
- Modelos de modelo de processo de negócios
- Modelos de storyboard
- Modelos de diagramas de rede
- Modelos de diagramas de Venn
- Modelos de gráfico KWL
- Modelos de estrutura de detalhamento de trabalho
- Modelos de análise SWOT
- Modelos de Diagrama de Classe
- Modelos de diagrama ER
- Modelos de Diagrama de Sequência
- Modelos de Organogramas
- Modelos de gráfico de Gantt
- Modelos de diagrama de atividades
- Modelos de diagrama de implantação
- Modelos de diagrama de arquitetura da AWS
- Modelos de análise de lacunas