É nesta parte que vais colocar em prática todos os fundamentos e regras básicas de como criar uma boa interface, que já foram faladas em cima.
Após criares o design, vais fazer uma prototipagem simples, para gerares interatividade simples, seja com botões, cartões ou menus.
Um protótipo é um modelo inicial de um produto que demonstra a sua funcionalidade, sem realmente construir o produto inteiro. Um protótipo mostra às partes interessadas e aos utilizadores que a ideia do design pode fazer.
Um protótipo é uma simulação ou uma amostra do produto final. Pode ser feito em vários formatos, desde uma série de esboços em papel até protótipos de alta definição e “pixel-perfect”.
<aside> 💡 A diferença entre uma interface e um protótipo é a sua interatividade e a capacidade de transitar de um ecrã para outro.
</aside>
Lançado em 2016, o Figma é um software de prototipagem baseada na web. Seus principais recursos são voltados para design de interface e design de experiência do usuário. Desde o início sua principal ideia sempre foi basear a ferramenta no navegador e até hoje a visão do Figma é tornar o design acessível a todos.
https://cdn.sanity.io/files/599r6htc/localized/9a86421b61cb4ae50b7c821bef4c4143265eb63b.mp4
Primeira versão do Figma
Os criadores do Figma são Evan Wallace e Dylan Field. Antes de criar o Figma, eles trabalharam em projetos como um gerador de memes e uma ferramenta de edição online. Sorte nossa que eles mudaram de rumo e focaram no Figma 🙂
Evan Wallace (esquerda) e Dylan Field (Direita). Os pais do Figma.