Postagens da categoria #Design de Interfaces.
-
Do inkscape ao front-end - Introdução e exportando assets
Esta postagem inaugura a série Do inkscape ao Front-end cujo objetivo é descrever o meu processo de traduzir uma interface desenhada no inkscape em código front-end.288
Apresentando o Presentator 2.0
Suponha que você terminou o design de uma interface e deseja apresentar para o seu cliente esse design com alguma interatividade como navegação através de cliques em links. Para esse tipo de situação o Presentator pode ser bastante útil.13458
Design de Interfaces com Inkscape (Parte 2)
Vamos continuar a explorar o inkscape para realização do design do web app Guia do Mochileiro do Software Livre.12003
Design de Interfaces com Inkscape (Parte 1)
Vamos, a partir do wireframe montado no último artigo, usar o inkscape para desenhar a interface da página home do guia do mochileiro do software livre. Vamos usar um sistema de grid e tentar deixar o arquivo organizado para uso posterior na fase do front-end.12624
Introdução à criação de wireframes com o Pencil
Pencil é uma ferramenta livre multiplataforma de prototipação de interfaces gráficas. Neste artigo, iremos, utilizando o Pencil project, criar o Wirefame para um web app chamado Guia do Mochileiro do Software Livre.439212
Sistemas de Grid com Inkscape
Nosso objetivo nesse artigo é, utilizando o inkscape em sua versão 1.0.1 (versão estável mais recente no momento da edição deste artigo), criar um sistema de grid para nos ajudar a fazer o design de uma interface em um próximo momento.226362
