Tecnologia & Informação

Blog sobre o mundo da Tecnologia, gadgets e cultura em geral

bookmark bookmark
titoabreu On julho - 22 - 2010

O assunto pode parecer desgatado, mas ainda há muita gente falando sobre.
Muitos webdesigners querem desenvolver em Flash mas não sabem direito o que é a plataforma. Os usuários também seguem essa tendência e acabam tendo um conceito equivocado sobre a tecnologia. Pensam que Flash é apenas para uma introdução em um site ou um topo animado.

Pensando nisso, escrevi este post no blog da empresa onde trabalho e estou transcrevendo-a aqui.

1º Vamos entender…

Com uma rápida e simples pesquisa na internet, você encontrará uma boa definição para a pergunta: o que é a tecnologia Flash? (WikiPédia):

“Adobe Flash (antes: Macromedia Flash), ou simplesmente Flash, é um software primariamente de gráfico vetorial – apesar de suportar imagens bitmap e vídeos – utilizado geralmente para a criação de animações interativas que funcionam embutidas num navegador web”.

Hoje em dia, a tecnologia já evoluiu bastante atingindo outros dispositivos como os mobiles e diversas plataformas multimídia. Temos tambem a popularização da tecnologia 3D e a facilidade como são exibidos vídeos (muitos até em HD) através dos Flash Players.

Entender o seu conceito é fundamental para a execução de um bom projeto em Flash.

Conhecer os limites dessa tecnologia vai possibilitar criar e inovar com segurança. Estude todas as funcionalidades do Flash, levando em conta suas versões e ambientes, e explore as outras tecnologias derivadas: como o Adobe Flex e Adober Air  e saiba onde utilizar em cada situação.

2º É melhor fazer em Flash?

Quando temos um projeto em mãos, é a primeira pergunta que nos vem a mente: é melhor fazer em Flash? Essa resposta pode variar muito.

Um dos principais problemas atuais do Flash, é o seu isolamento quanto as “indexações” nas ferramentas de busca, apesar de o Google afirmar o contrário, isso ainda não é definitivo. Sendo assim o foco do uso do Flash, deve ser em mídias interativas, de grande impacto visual, vídeos e animações, além de mais interatividades nas interfaces multimídia.

Devemos considerar que mais de 98% dos computadores possuem o plug-in Flash Player instalado. Nos navegadores mais recentes, sua instalação automática não é simples e nem intuitiva para o usuário leigo.

Outro ponto interessante é que a maioria dos internautas utiliza o botão voltar do navegador como principal ferramenta de navegação. Existe formas e recursos que inserem essas funcionalidades no Flash, mas não é simples.

No final das contas, tudo vai depender do publico-alvo do seu site. E quanto maior for o seu conhecimento na ferramente mais exata será a resposta de quando utilizar ou não a tecnologia Flash.

3º Já decidi! É flash!

Planejamento é a palavra de ordem! Para qualquer projeto em flash, seja um simples banner até um site completo em flash, o planejamento é fundamental. Construa a linha de navegação, defina as animações, layouts, elementos, interatividades e etc.

Procure ser o mais organizado possível. O Flash lhe dá muita liberdade e isso acaba facilitando para a bagunça. Ter um arquivo-fonte (.fla) onde não se consegue encontrar nada e nem entender quem é quem e o que faz o quê, é um dos piores pesadelos para um FlashDesigner. Identificar todas as layers, fazer comentários no Time Line e dar nomes a todos os objetos (movieclips, gráficos e botões) facilita demais o seu trabalhou ou de quem irá cuidar da manutenção.

Se sobrar um tempinho, seja mais caprichoso, arrume a biblioteca, deletando objetos que não estão sendo utilizados no filme e organizando os elementos na bibliteca por pastas.

Criar um padrão de nomenclatura para identificar movieclips, gráficos e botões e arquivos de código ActionsScript externos também vão ajudar.

Se o site for modular (com vários SWFs “linkados” a um SWF principal), use os arquivos separados por pastas e utilize nome de arquivos fáceis de identificar cada seção do módulo.

4º Finalizando com estilo…

O segredo de um Flash profissional é o seu refinamento. Um conjunto de características torna seu filme agradável, leve e coerente.

Siga sempre um estilo único nas animações de todo seu filme. Evite animações sem contexto, apenas para não ficarem “estáticas”, o famoso “pisca-pisca”. Seja coerente e mantenha sempre uma continuidade.

Use um framerate alto, de 33 a 54 fps, dependendo do público-alvo de seu site, visto que o processamento é proporcional ao framerate. As animações ficam mais fluidas e realistas. Cuidado com animações que pesem no processamento da máquina do usuário. Realize sempre testes de desempenho acompanhando o consumo de CPU da máquina.

Sempre que for animar bitmaps, use a opção smoothing para evitar o serrilhado na imagem. A menos que seja com um propósito, jamais insira uma imagem em alta resolução em seu filme para depois escalar dentro do Flash. Importe-a no tamanho final para uso. Precisa esticar uma imagem em uma animação que vai distorcê-la? Disfarce com blur!

Procure sempre utilizar classes de tween (interpolação) para suas animações. Em AS2, uma ótima escolha é a MC Tween. Para os AS3, temos a Tweener, bem simples de usar. As classes permitem melhor controle das animações, tempo, e ainda “enxugam” o tamanho final de SWF caso você tenha muitas animações no mesmo filme. Além disso, permitem maior organização do fluxo das suas animações, pois você centraliza tudo pelo ActionScript.

Sempre tenha em mente a resolução do monitor de seu usuário. Deixe sempre seu filme líquido (elástico) e testado em várias resoluções.

Com um pouco de tempo e dedicação você conseguirá deixar seu filme navegável também pelo botão voltar do navegador. Dá trabalho, mas vale a pena tentar!

Por último, um Flash bem feito é sempre aquele que gera impacto com o menor tamanho possível. Não esqueça que seus usuários odeiam aquela velha barrinha de “carregando”…

Quanto à versão final do Flash Player de seu filme, procure sempre utilizar uma versão anterior à atual, contanto que não limite as funcionalidades que você planeja em seu filme. Por exemplo: não vai usar os recursos disponíveis apenas no Flash Player 10? Então é melhor exportar seu filme na versão 9 ou até mesmo anterior. Um simples banner que não usará mais do que um blur ou shadow não tem necessidade de ser exportado no Flash Player 9; a versão 8 já é mais do que suficiente e segura.

5º Para terminar…

Não se esqueça: O Flash é uma poderosa plataforma multimídia. Use sua criatividade sem limites, explore ao máximo os recursos da tecnologia. Evite “animar” seu site, apenas porque você o achou parado demais (ou como dizem alguns clientes, “meu site está muito estático”), seja coerente e inteligente.

Dúvidas? Ficou sem entender muitos dos termos encontrados nesse artigos? Não se preocupe, pois os próximos artigos irão tratar de vários desses assuntos contidos aqui nesse post. :)

Um abraço a todos!

Categories: Design, Programação, Web

Deixe o seu comentário