Executando verificação de segurança...
3

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.

Carregando publicação patrocinada...
7

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.

3
2
2
2

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!

1

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