Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Interface gráfica de programa

Pessoal, tudo bem?

Gostaria que alguém me explicasse como se cria uma "interface dinâmica de programa", que além dos botões, caixas de texto e formulário e etc, também se utiliza de um "campo de produção", por exemplo, como o do Canva ou do AutoCad, que são imagens que são orientadas por comandos (mouse, teclado,..) como se fosse uma animação no animate que pode ser orientada por botões. Mas no caso estou falando de programas, e não de animação.

Favor dizer o nome da tecnologia, biblioteca, tipo de design, e etc.

Obs.: Não sou da área.

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
2 respostas
solução!

Olá! Tudo bem?

Criar uma interface dinâmica como a que você descreveu, semelhante a programas como Canva ou AutoCAD, pode ser um pouco desafiador, mas é possível com as ferramentas e bibliotecas certas. Aqui estão algumas sugestões para você começar:

  1. Linguagem de Programação: Para esse tipo de aplicação, linguagens como JavaScript (para aplicações web), Python, Java ou C# são bastante utilizadas.

  2. Bibliotecas e Frameworks:

    • JavaScript: Se você está pensando em uma aplicação web, o JavaScript é uma ótima escolha. Bibliotecas como Three.js permitem criar gráficos 3D interativos, enquanto p5.js é excelente para gráficos 2D. Para interfaces mais complexas, o React pode ser usado em conjunto com essas bibliotecas.
    • Python: O Python tem bibliotecas como Tkinter para interfaces gráficas simples, mas para algo mais dinâmico e gráfico, você pode usar PyQt ou Kivy.
    • Java: Com Java, você pode usar o JavaFX para criar interfaces ricas e interativas.
    • C#: Para aplicações Windows, o WPF (Windows Presentation Foundation) é uma excelente escolha para criar interfaces de usuário dinâmicas.
  3. Design de Interface:

    • Para o design, entender conceitos de UX/UI Design é fundamental. Isso envolve criar interfaces que não apenas sejam esteticamente agradáveis, mas também funcionais e fáceis de usar.
    • Ferramentas como Figma ou Adobe XD podem ajudar a prototipar a interface antes de começar a programar.
  4. Interatividade e Animação:

    • Para adicionar interatividade e animações, você pode usar bibliotecas específicas para animações. No caso do JavaScript, por exemplo, o GSAP (GreenSock Animation Platform) é bastante popular.

Criar uma interface como essa requer uma combinação de habilidades de programação e design, além de uma boa compreensão das bibliotecas e frameworks que você escolher usar. Comece experimentando com pequenos projetos para ganhar confiança e, aos poucos, vá aumentando a complexidade.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.

Beleza, então isso é uma questão de bibliotecas e experiência do usuário...Muito obrigado