Como criar modelos de sites animados

Eu incluiria o iRise na conversa (e não apenas porque trabalho lá :-).

O iRise oferece aos usuários a capacidade de animar qualquer item na tela (indo além das transições da tela) e criar os tipos de exemplos interessantes que você vê no Dribbble.

Você pode vincular “ações” (como mostrar / ocultar, formatar, mover, girar, adicionar CSS …) para transmitir sua interatividade personalizada.

Ele combina prototipagem rápida com gerenciamento de requisitos integrado gratuito. Alguns outros recursos:

  • Bibliotecas personalizáveis ​​incluídas e widgets interativos aceleram o processo.
  • Você pode arrastar seus esboços ou modelos de interface do usuário para o iRise e criará páginas de modelos para iniciar o seu trabalho. A partir daí, você pode obter a fidelidade o quanto quiser.
  • Capture requisitos e comentários para cada tela e elemento da interface do usuário diretamente no protótipo. As ferramentas flexíveis de RM podem ser configuradas para se adaptarem a qualquer processo, ágil ou mais tradicional.
  • Você também pode criar diagramas interativos para transmitir o fluxo do processo e os casos de uso.

As integrações a ferramentas como JIRA e Microsoft TFS são uma ótima maneira de trazer o valor da prototipagem para as outras ferramentas que você já usa. Mais informações aqui: Conectores e integrações

Teste gratuito aqui, se estiver interessado em chutar os pneus: Inicie seu teste gratuito do iRise

tente http://www.ux-app.com

Com o UX-App, você simula elementos html reais e os protótipo usando uma representação gráfica de JavaScript que oferece flexibilidade única.

Consulte este exemplo para o evento click no formulário de registro e envie os primeiros testes para verificar se a caixa de seleção de termos e condições foi marcada pelo usuário antes de passar para a próxima página.

Você também pode colaborar em projetos, conversar em equipe, exportar para html, compartilhar protótipos com um link e muitas outras conveniências padrão 🙂

Com o Fluid UI – prototipagem gratuita de aplicativos móveis e da Web, você pode criar modelos de sites e testá-los no seu dispositivo. Você pode criar gestos e transições para a maquete. Você também pode adicionar páginas de rolagem e links para outras partes do site.

Embora o Fluid UI seja considerado uma ferramenta de prototipagem móvel, foi desenvolvido para uso em todos os dispositivos móveis e outros.

O editor de clicar e arrastar também torna muito fácil e rápido o desenvolvimento de sua maquete.

Algumas animações podem ser criadas usando os recursos de animação do photoshop.

Outros podem sugerir o uso de efeitos posteriores.

Se você possui habilidades de codificação, pode criar um protótipo com marcação, estilo e animações js e traduções que podem ser facilmente reutilizadas na produção.

Também acho que o uxpin oferece interação a partir de arquivos de photoshop ou sketch, mas nunca o usei.

Você já experimentou o FluidUI.com?