Onde posso criar o layout das telas de um App que estou desenvolvendo?
Fala pessoal, beleza?
Então, estou com uma idéia de app que quero desenvolver até mesmo para o meu aprendizado e para futuramente monetizar este app.
Estou fazendo ele nativo android, utilizando o Kotlin.
Porém, não sou bom com design e layout de telas.
Alguém sabe como posso criar o layout das telas do app? Se tem alguma ferramenta que cria estes layouts ou coisa do tipo. Não queria perder muito tempo nesta etapa já que o foco é aprender o desenvolvimento e monetizar o mesmo, porém, não sei como posso criar o layout das telas, e logo do app, por exemplo.
Aew, bem vindo ao mundo mobile. Sou dev Flutter, mas consigo dar umas dicas.
Já recomendo usar Figma para construir as telas. É bem simples de usar, mas como qqr outro software novo que nunca utilizou, demanda um pouco de tempo para aprender a utilizar a ferramenta, então terá q se esforçar um pouco na tentativa e erro até sair algo legal. Também recomendo aprender a usar ele, pois é um software bastante utilizado no mercado de trabalho, então saber utilizar já é um bom avanço. Site: (https://www.figma.com/)
Outra coisa legal pra quem faz pra quem desenvolve pra android é o uso do Material Design da google, nesse caso recomendo a versão 3. Esse é um conjunto de componentes prontos para facilitar o desenvolvimento sem se preocupar mto como deve desenhar algo. Existem váaaarios tipos de design system, mas pra início, aprende esse msm q já ajuda pacas. Depois dá uma olhada no site dizendo sobre o Material Design (https://m3.material.io/).
Edit extra: ah, ainda sobre coisas relacionadas a design, é legal aprender mais como funciona os adaptative icons do android além do splash screen. É algo mais pro fim do app, mas é legal saber onde achar. adaptative icons: https://developer.android.com/develop/ui/views/launch/icon_design_adaptive splash screen: https://developer.android.com/develop/ui/views/launch/splash-screen
Bom aprendizado no seu projeto, e compartilhe aqui quando estiver pronto.
Eu uso Excalidraw pra "pensar" ideias e visualizar rapidamente o que eu espero construir e figma pra construir layouts completos.
Pelo que entendi você quer um que te entregue o layout pronto e a logo. Você pode usar o GPT mesmo.
Recomendo você procurar tutoriais sobre o Figma, é um dos melhores para ser criar layout etc... Depois só passar pro HTML, CSS.
Se vc que aprender a linguagem não se prenda em aparencia, na caminhada vc ira aprender muita coisa, apesar do designer ser a coisa mais importante para o usuario o funcionamento é muito mais! Agora se nao sabe nada, pega um curso na area e segue em frente!
Eu estava procurando algo simples e rápido para fazer o esboço das telas (wireframes) e descobri o Miro.
Gostei muito! Em poucos minutos consegui o que queria. Talvez ele seja mais indicado para coisas simples. Parece ser mais fácil que o Figma, mas, muito provavelmente, tem menos recursos.
E ele ainda tem um app para celular. Eu comecei no computador e finalizei uns detalhes no smartphone. Recomendo demais.
Site: https://www.miro.com