Adobe XD para Design e Prototipagem de Mobile Apps

Estou estudando um pouco do Adobe XD para fazer o design e a prototipagem de meus apps. Ele, pelo menos por enquanto, é gratuito, pode ser baixado pelo site da Adobe e, apesar de seu estilo minimalista e ainda não ser tão completo quanto alguns concorrentes mais antigos, possui novas funcionalidades como o Repeat Grid. O seu concorrente Sketch, por exemplo, não possui essa funcionalidade.

Encontrei dois cursos gratuitos para iniciar o estudo do Adobe XD:

Curso de Adobe XD no Youtube para Web (Português)
https://www.youtube.com/playlist?list=PL9rc_FjKlX3-K25DZVcNlsVDItg9OlZiW

How to Design & Prototype in Adobe XD (English)
https://www.udemy.com/adobe-xd-experience-design/

Alguns Atalhos:

Ctrl + D: duplica algum componente
Ctrl + 1: dá zoom de 100%
Ctrl + 0: ajusta o artboard na tela
Ctrl + 8: transformar tipografia em vetor
Ctrl + K: criar um símbolo ao agrupar vários componentes
Ctrl + +/-: aumenta ou diminui o zoom
Alt + Arrastar com Mouse: duplica o componente arrastado
Space + Mouse: faz a mãozinha para arrastar as coisas

No momento, estou na aula 8 sobre Repeat Grid do curso em português. Após a conclusão irei para o curso em inglês que é mais voltado para o design de apps mobile.

Espero que tenha gostado dessa dica. Abraço!

Comentários

Postagens mais visitadas deste blog

Curso Flutter | Aula 0 | Sobre o Curso

Fala galera! Me chamo Raul, tenho experiência com programação para Android usando Java e Kotlin. Como gostei bastante do novo SDK lançado pela Google para criar aplicativos para Android e iOS utilizando apenas um único código, resolvi aprender Flutter! Como sei que a melhor forma de aprender é ensinando, resolvi criar este curso. No exato momento em que escrevo esta postagem, ainda não sei nada de Flutter! Minha intenção é ir aprendendo e ir montando o curso à medida em que evoluo. Portanto, meu objetivo inicial aqui será organizar as ideias de como o curso será montado: quais tópicos serão abordado e por quais meios eles serão passados. O curso de Flutter a que proponho fazer será compartilhado gratuitamente de duas maneira: por este blog de maneira escrita e por vídeos no Youtube. Um meio complementará o outro. Além disso, o curso terá as seguintes aulas: Aula 1.0 - O que é e quais as características principais do Flutter? Aula 2.0 - Conhecendo a linguagem Dart Aul

Dicas para Freelancer

Neste post estou reunindo constantemente informações importantes para quem é ou deseja se tornar um freelancer. É importante escolher um nicho de mercado que passe pela seguinte intersecção: paixão + demanda + habilidade. Texto a ser lido: Freelancer Android . Ferramentas para auxilar na escolha do nome do negócio: NameMesh , DomainR e DomainScope . Sites para registrar domínios: RegistroBr e GoDaddy . Sites de hospedagem com Wordpress: BlueHost e One . Sites e apps de design para criar uma cover photo para sua página no Facebook (social media) e também criar currículos, logotipos e etc: Canva , Posteroid e Adobe Comp CC . Ferramenta para gerenciamento de tarefas: Asana . Dá para editar regras no Asana para os clientes, apenas poderem visualizar as informações. Banco de imagens gratuitas: Pexels e Unsplash . Sites de Freelancer: Workana , Crowd , Freelancer , 99freelas , Fiverr , Upwork e GetNinjas . Melhor cobrar um preço por projeto em vez de por hora. Cob

Cursos Gratuitos de Flutter e Dart

Aqui você encontrará um repositório de cursos de Flutter e Dart gratuitos. A maioria dos cursos são em inglês. Cheguei a encontrar cursos gratuitos de Flutter em alemão na udemy, mas preferi não colocar nesta lista. Caso tenha mais sugestões de cursos gratuitos, por favor, escreva nos comentários deste post, que em breve acrescentarei a lista. Vamos estudar Flutter galera! ;) Build Native Mobile Apps with Flutter by Google (inglês) https://www.udacity.com/course/ud905 Dart Academy Boot Camp (inglês) https://da-bootcamp.firebaseapp.com/?course=start_programming_dart The Complete Flutter App Development Course for Android, iOS (inglês) https://www.udemy.com/the-complete-flutter-app-development-course-for-android-ios/ Meu mini-curso (português) http://raulfmiranda.blogspot.com/2018/10/curso-flutter-sobre-curso.html Flutter Crash Course (inglês) https://fluttercrashcourse.com/ Learn Flutter - Beginners Course (inglês) https://www.udemy.com/learn-flutter-beginn

Raul F Miranda

Pesquisar este blog