TRELLO MOTION LOGO
Design Generativo 2017.2
Camila Simões - Logo#2
Trello é uma plataforma online pra organi-
zação e gestão de projetos.
Seu formato é marcado pelo uso de cartões
móveis que representam atividades. No seu
uso padrão, os cartões vem organizados
em 3 listas: a fazer, fazendo e feito. O nome
e a quantidade de listas são editáveis,
tornado a ferramenta flexível pra modos
de organização variados.
O projeto foi focado no desenvolvimento de
animações em cima da marca atual do Trello.
O objetivo principal é explicar de forma
intuitiva e dinâmica o funcionamento da
platataforma, especificamente a criação e
movimentação de cartões.
Algumas aplicação possíveis: página inicial
do site do Trello, tela de carregamento do
aplicativo, páginas de ajuda, infográficos
explicativos, vídeos de divulgação, entre
outras.
criar mover slide
Foi feita uma animação-teste de exemplo,
usando llustrator e photoshop, com base no
modelo padrão das listas de cartões.
Os passos chaves da animação são:
- Criação de cartão (C), quando o cartão
surge com alfa em 50%, e depois se junta ao
bloco da lista onde foi criado;
- Movimentação de Cartão (M), quando o
cartão é separado da lista e movimentado
para a lista nova com uma rotação de 20
graus no sentido horário, como acontece na
movientação real no Trello; e
- Slide (S), quando as listas se movem para
direita ou esquerda pra mostrar outras listas.
C C C M C M S M&C M&C
O a implementação real se daria por meio da
construção de um código computacional (em
processing ou similar) contendo os pas-
sos-chaves, que possa gerar um grande
número de combinações procedurais entre
esses passos, pra criar animações para a
marca.
Link para a animação-teste online (gif):
https://goo.gl/sYSxJ6