Práticas recomendadas de colaboração entre designer/codificador Flash

Question

Já fiz vários projetos em flash trabalhando como ActionScripter com um designer fazendo todas as coisas bonitas e animações.Ao começar, encontrei muitas informações sobre codificação ActionScript e design flash.A maior parte da informação disponível parece centrar-se num ou noutro.

Não encontrei nenhuma informação sobre a construção de projetos em flash de uma forma que permita ao codificador fazer o que quer E também dê liberdade ao designer.

Espero que pessoas mais experientes possam compartilhar, essas são algumas das coisas que descobri depois de alguns projetos

• O controle de versão é obrigatório (como sempre), mas pode ser difícil de explicar aos designers
• Nenhum ActionScript no flash .fla arquivos, eles são binários e, como codificador, você deseja tentar mantê-los o máximo possível
• Model View Controller é a melhor maneira que encontrei para isolar alterações de design visual
• Tente construir as visualizações de forma que utilizem rótulos de quadros, isso permite ao designer decidir o que realmente acontece

Quais são suas experiências?­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­

Answer 1

Faço Flash há 9 anos e ainda acho isso difícil de acertar.

Existe um equilíbrio de poder entre designers e desenvolvedores, que inevitavelmente irá pender para um lado ou para outro.

Se você trabalha para um estúdio liderado por desenvolvedores, então você tem sorte, pois os designers serão instruídos a fazer um design que se adapte à sua funcionalidade.No Flex/MXML essa é a única forma de funcionar.

Se, por outro lado, você trabalha em um estúdio de design gráfico/criativo/publicitário, será instruído a construir tudo o que o designer montar no PhotoShop, seja ou não viável construir dentro do prazo.

A chave para contornar isso é a comunicação e a educação.Designers e gerentes focados em design podem não saber o que está envolvido na criação de uma determinada funcionalidade, e se você explicar a eles por que determinada coisa é difícil de fazer, eles poder ser persuadidos a repensar seu design.Por outro lado, eles podem pensar que você é apenas um chorão!Nunca é bom quando você tem que dizer a alguém "desculpe, não posso fazer isso" quando você sabe que poderia fazer isso funcionar, depois de algumas noites até tarde!

Além das coisas que você e outras pessoas já observaram, como usar FlashDevelop e classes AS externas, aqui estão algumas outras coisas que recomendo:

• Comece com um mapa do site/wireframe com o qual os desenvolvedores e designers concordem.
• Carregue todo o seu texto de XML em campos de texto dinâmico e certifique-se de que seus botões, etc., sejam projetados para expandir para caber no conteúdo
• Certifique-se de que seus designers tenham alguma ideia de como recortar gráficos corretamente e organizá-los em Flash.Um desenvolvedor não deveria ficar mexendo no PhotoShop quando você está com um prazo final.
• Certifique-se de obter todos os seus recursos gráficos bem antes do prazo - inevitavelmente, haverá coisas que eles perderam e coisas que precisam ser alteradas.
• Seja firme e não deixe sua equipe de design tentar inserir recursos extras no último minuto.
• Deixe os designers usarem a linha do tempo para animação de personagens, etc., mas para interpolações simples use um mecanismo de interpolação ActionScript.

Espero que essas dicas sejam úteis!

Answer 2

A maneira como trabalho atualmente é que eu (o desenvolvedor) construo a funcionalidade usando um arquivo FLA fictício, usando apenas arquivos de classe externos.Quando o(s) designer(es) termina(m) o layout, eles me enviam um FLA com todos os ativos importados e botões vinculados e MovieClips.Em seguida, anexei minha classe de documento ao novo FLA e certifico-me de que todos os objetos correspondem ao meu código.No geral, é uma transição bastante simples.

Se um ativo precisar ser atualizado por qualquer motivo, os designers simplesmente me enviam o ativo e eu atualizo o FLA manualmente.

Answer 3

separar o design do código é o mais importante a fazer - já que tento fazer projetos como uma série de componentes modulares (um pouco costurados, é claro, já que nada se encaixa exatamente), primeiro faço uma espécie de wireframe interativo.Possui espaços reservados para todos os elementos da interface do usuário, apropriadamente nomeados e aninhados.

Esse .fla pode ser repassado a um designer, que pode adicionar o que quiser, desde que mantenha os nomes e a ordem de aninhamento - essencialmente como criar a capa de um aplicativo.

Answer 4

Na nossa equipe todos usam o TortoiseSVN e uma instância do Trac por projeto.Os designers estão usando o Flash Designer padrão para editar .FLAs e os desenvolvedores estão usando FlashDevelop para gerenciar arquivos ActionScript e depurar o projeto.

A cadeia de ferramentas funciona assim:

1. Os desenvolvedores programam o comportamento de cada janela editando manualmente os arquivos MXML (não é tão difícil quanto parece) e desenvolvendo os arquivos .AS correspondentes ao mesmo tempo.
2. Os designers criam gráficos para skins e outros elementos de UI que são (link) exportados e os armazenam em .FLAs junto com o código.
3. Desenvolvedores [Import()] os recursos nos arquivos .AS.

Dessa forma, tudo entra no controle de origem e os designers nem sequer olham para uma linha de ActionScript.É claro que estou simplificando demais o processo, mas espero que você entenda.