Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Adobe XD
Webdesign

Adobe XD em 60 Segundos

by
Difficulty:BeginnerLength:QuickLanguages:
This post is part of a series called 60 Second Video Tutorials.
Setting Up Jekyll for GitHub Pages in 60 Seconds
Create a “Coming Soon” Page in 60 Seconds

Portuguese (Português) translation by Erick Patrick (you can also view the original English article)

Adobe XD permite-nos projetar e prototipar para aplicativos: de wireframes a experiências multi-tela. Vejamos o que ele oferece, em 60 segundos!

Após abrir a aplicação, começamos criando uma nova prancheta com uma variedade de ajustes de tamanhos, e então adicionamos mais pranchetas para telas adicionais no projeto.

A Interface do XD

Ferramentas familiares como a linha, elipse e retângulo estão disponíveis da barra de ferramentas à esquerda, na interface. Lá encontramos a ferramenta de texto e a ferramenta de vetor que nos permite criar formas customizdas.

No lado direto temos o inspetor de propriedades: uma área que provê uma variedade de opções para o objeto selecionado na prancheta.

Se tivermos mais de uma prancheta, elas podem ser unidas ao mudar para a visão de protótipo. Também podemos usar transições entre pranchetas, definindo o tipo delas e o quão demoradas serão.

Compartilhamento

Quando o projeto ou protótipo estiver completo, pode-se compartilhá-lo online, para vê-lo em computador, tablet ou celular.

Recursos Adicionais

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.