É importante usar ferramentas de UI para construir protótipos de produtos digitais, mas devemos nos atentar que a ferramenta em si não é o mais importante, mas sim o conhecimento que você adquire ao usá-la.
existem diversas ferramentas disponíveis, como Photoshop, Illustrator, Figma, Adobe XD, Sketch, InVision, Axure RP, ProtoPie, Framer e Marvel App.
<aside> 💡 As mais conhecidas são Figma, Adobe XD e Sketch, sendo que o Figma e o Adobe XD funcionam em Windows e Mac, enquanto o Sketch só funciona em Mac.
</aside>
O design responsivo é importante para a experiência do usuário. Os sites modernos se ajustam perfeitamente a qualquer dispositivo, como celulares, tablets e computadores. O design responsivo é essencial para garantir que o seu site seja acessível e agradável para todos os usuários, independentemente do dispositivo que eles estejam usando. Pensemos também nos pontos de quebra, que são as larguras de tela que definem como o site se adapta a cada dispositivo ou tamanho da tela.
<aside> <img src="/icons/exclamation-mark_blue.svg" alt="/icons/exclamation-mark_blue.svg" width="40px" /> é importante ter pelo menos cinco pontos de quebra para garantir que o seu site se adapte a todos os tamanhos de tela.
</aside>
O design responsivo não é uma opção, mas sim uma obrigatoriedade para qualquer site que você criar!
Os breakpoints (ou pontos de quebra) são a forma pelo qual o dispositivo vai entender que precisa fazer uma mudança para atualizar o design responsivo do seu produto. Aqui estão alguns breakpoints comuns de serem utilizados em projetos de websites:
PROJETO Crazy Eights
Você precisa criar 8 telas em 8 minutos, ou seja, 1 minuto para cada tela!
O objetivo não é fazer telas bonitas, mas sim colocar todas as ideias no papel, mesmo que sejam rascunhos. ️
É normal não conseguir terminar todas as telas em 8 minutos, o importante é usar a criatividade.
https://www.figma.com/board/c9ez32TN4Hd34uSpFC3Nrn/Untitled?node-id=0-1&t=3PUyenbioRYTeHgd-1