top of page
  • earielteixeira

Como gerar HMTL e CSS

Unindo dois universos em uma interface




Um dos principais desafios para muitos designers e criativos que trabalham com mídia interativa, está em transformar protótipo em código. Assim, com o intuito de facilitar separarmos algumas ferramentas que poderão fazer isso. Supernova

Figura: Página inicial da nova versão do Supernova - https://www.supernova.io

Abaixo segue uma palestra sobre o aplicativo, onde é possível compreender suas principais funções.


Vídeo - Palestra sobre o programa Supernova O programa possui uma versão antiga, ainda em funcionamento, dedicada mais para mobile.

Figura: Página inicial da versão antiga do Supernova - https://legacy.supernova.io Inspect by Invision O Invision possui um aplicativo para criação e integração de código. Vale dar uma conferida, tendo em vista o sucesso da sua versão de prototipagem.

Figura: Homepage da ferramenta Inspect - https://www.invisionapp.com/feature/inspect/. Uizard Já imaginou uma ferramenta de prototipagem em que você desenha no papel e ela converte para elementos de tela. Seria ótimo se existisse? Parece que os desenvolvedores da Uizard leram os nossos pensamentos. Fizeram um aplicativo que faz exatamente isso. Ademais, exporta o código da solução gerada.


Figura: Site da ferramenta Uizard - https://uizard.io Hadron O programa Hadron utiliza o recurso de integração síncrona com programadores, mas permite que o designer elabore sua interface de forma independente. Ele gera um código automático, usando recursos What You See Is What You Get (WYSIWYG). Assim, tudo que é desenhado na tela terá um código correspondente, ainda que você não tenha escrito. Em suma, o software gera para o usuário toda programação necessária para o produto funcionar.



3 visualizações0 comentário

Posts recentes

Ver tudo

Comments


bottom of page