top of page

Como gerar HMTL e CSS

  • Foto do escritor: Ariel
    Ariel
  • 27 de out. de 2020
  • 1 min de leitura

Atualizado: 29 de out. de 2020


Prof. Eduardo Ariel

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.


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.






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.


Obs.: Dica enviada pelo Prof. Fabiano Ramos.






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.

492 comentários


Membro desconhecido
há 6 dias

Mình có lần lướt đọc mấy trao đổi trên mạng thì thấy có người nhắc tới nhatvip trong lúc câu chuyện đang nói dở, nên cũng mở ra xem thử cho biết. Mình không tìm hiểu sâu, chỉ xem qua trong thời gian ngắn để nhìn bố cục và cách sắp xếp nội dung tổng thể. Xem như vậy xong mình quay lại đọc tiếp các bình luận khác

Curtir

jonizaheerwe80
26 de jan.

Mình có lần lướt đọc mấy trao đổi trên mạng thì thấy có người nhắc tới hello88 lúc câu chuyện đang nói dở, nên cũng mở ra xem thử cho biết. Mình không tìm hiểu sâu, chỉ xem qua trong thời gian ngắn để nhìn bố cục và cách sắp xếp nội dung tổng thể. Xem như vậy xong mình quay lại đọc tiếp các bình luận khác.

Curtir

adffsdg43
26 de jan.

Khi đang đọc các bình luận trao đổi trên một diễn đàn, mình bắt gặp một 789f game được chèn vào giữa câu chuyện. Mình bấm thử xem cho biết, chủ yếu là để xem cách trình bày và cấu trúc nội dung. Lướt nhanh thì thấy tổng thể khá gọn gàng, tạo cảm giác đáng tin cậy. Xem xong mình quay lại đọc tiếp các bình luận khác, chứ cũng không đào sâu thêm

Curtir

Membro desconhecido
26 de jan.

Mình có lần lướt đọc mấy trao đổi trên mạng thì thấy nhắc tới https://s666no1.com/ nên cũng tò mò mở ra xem thử cho biết. Mình không tìm hiểu sâu, chỉ xem qua trong thời gian ngắn để nhìn bố cục và cách sắp xếp nội dung tổng thể. Cảm giác là trình bày khá gọn, các mục rõ ràng nên đọc lướt cũng không bị rối, với mình như vậy là đủ để nắm thông tin cơ bản rồi.

Curtir

Membro desconhecido
26 de jan.

Khi đang đọc các bình luận trao đổi trên một diễn đàn, mình bắt gặp một rr88 được chèn vào giữa câu chuyện. Mình bấm thử xem cho biết, chủ yếu là để xem cách trình bày và cấu trúc nội dung. Lướt nhanh thì thấy tổng thể khá gọn gàng, tạo cảm giác đáng tin cậy. Xem xong mình quay lại đọc tiếp các bình luận khác, chứ cũng không đào sâu thêm

Curtir
3cdf02_d9a7e81fafbb4f8f87dc7c742279d12b~
Screenshot 2020-04-26 16.57.40.png
bottom of page