Os Doze Princípios da Animação

São compostos por "técnicas que criam ilusões, dando vida a objetos inanimados", como disse Perisic. A seguir uma breve descrição de cada um deles:

1° Comprimir e esticar - tem como função mostrar, pela deformação de um objeto, o seu peso e flexibilidade. Ex. bola quicando.

2° Tempo e movimento - mostra a relação de tempo em que os movimentos são realizados.Ex. para mostrar a gravidade, aceleração.

3° Antecipação - é muito usada para transmitir realismo às animações.

4° Cenografia - é importante para direcionar as atenções da audiência para um personagem ou um detalhe que pode complementar a animação. o uso de luzes e enquadramento de camera é muito usado para trabalhar com esse princípio.

5° Sequência de ações e reações - todas as ações realizadas pelos personagens em animações geram reações. Ex. um personagem que estaja correndo em alta velocidade e é parado de maneira brusca tem a massa de seu corpo deslocada levemente para a frente pela inércia, assim como seus cabelos e roupas.

6° Striaght Ahead - é completamente redesenhada quadro a quadro. Pose-to-pose (animação limitada) animação em que se reaaproveita "pedaços" dos desenhos para vários quadros.

7° Aceleração e desaceleração - princípio de dinâmica aplicada à animação. No início do movimento os objetos começam em velocidade baixa e vão aumentando. No final a velocidade vai sendo reduzida.

8° Arcos de movimento - a maioria dos movimentos realizados palos humanos e animais descreve uma trajetória em arco. Movimentos que descrevem trajetórias em arco são mais naturais e realistas.

9° Exagero nos movimentos - é um rpincípio de animação que tende a deixar anomações mais realistas um pouco mais exageradas. o objetivo é usar movimentos bruscos e expressões faciais para ampliar os movimentos e exagerar nos movimentos e reações.

10° Ações secundárias - uma ação pode desencadear outros movimentos. Ex. ao caminhar um personagem acaba gerando deformações e movimentos nas roupas e cabelos.

11° Consistência - os seus personagens precisam respeuitar alguns princípios básicos de biodinânica e anatomia, para que sua aparência seja realista e problemas no desenho dos mesmos não atrapalhe a animação.

12° Particularidades/Peculiaridades - a maneira como um personagem desenvolve uma determinada ação é o que vai caracterizar sua personalidade. Cada personagem tem caracteristicas diferentes. Esse princípio trata as personalidades dos personagens e como isso vai
modificar as suas ações na animação.

Missão, Visão e Valores.

MISSÃO:
É o motivo pelo qual a empresa existe. Representa aquilo que dá rumo a uma empresa, está ligada aos seus objetivos institucionais.

VISÃO:
São os "sonhos" da empresa, os ideais que ela tem para o futuro (a longo prazo). Não podemos confundir VISÃO e MISSÂO pois missão é algo real, sustentável, enquanto Visão é mutável por natureza, algo a ser alcançado, algo inspirador e claro, demodo que todos a sintam.

VALORES:
Representam os princípios éticos que norteiam todas as suas ações. Normalmente, os valores compôem-se de regras morais que simbolizam os atos de seus fundadores, administradores e colaboradores em geral.


Fizemos uma breve elaboração de Missão, Visão e Valores de uma empresa fictícia.

Missão: Atender a todos os clientes com profissionalismo e dedicação realizando os trabalhos de publicidade voltada à web sempre atendendo todos os requisitos dos nossos clientes.

Visão: Ser a maior e a melhor na sua área de atuação, sempre atendendo com qualidade e empenho todos os trabalhos a nós solicitados.

Valores: Ética, profissionalismo e qualidade no atendimento devem ser seguidos por todos os membros de nossa empresa afim de assim conseguirmos sempre dar seguimento as nossas visões.

RSS (Rich Site Summary ou Really Simple Syndication) é um meio que permite a difusão do conteúdo (na forma de "feeds" ou fontes) do website de uma forma padronizada e que permite:

• A leitura de conteúdos a partir de programas ou outras ferramentas agregadoras de notícias;
• A leitura de conteúdos em diversos equipamentos - tanto no computador como em dispositivos móveis (PDA, telemóvel);
• Permite a websites difundirem conteúdos de modo a permitir a sua inclusão em outros websites.

Tudo isso sem que seja necessário visitar regularmente os locais que disponibilizam esses conteúdos. Ou seja, pode num único programa ou página ler as notícias disponibilizadas por dezenas de locais e em que tenha feito a respectiva subscrição do "feed" ou canal RSS.

"Feeds"

É a designação dada à hiperligação que é disponibiliza os conteúdos RSS. Também pode ser conhecido por fonte RSS ou canal RSS.

Agregador

É o programa ou recurso utilizado para agregar e ler num único local ou página os diversos "feefs" (ou fontes RSS) dos conteúdos publicados nos vários websites subscritos.

Tipos

Existem 4 tipo de de agregadores RSS: Agregadores baseados no navegador web (ou browser), programas de correio eletrônico que também funcionam como agregadores RSS, programas exclusivamente dedicados à agregação de conteúdos web e ainda os agregadores on-line.


Fonte: alexandrecunha.com (http://alexandrecunha.com/artigo/software/o_que_sao_rss_feeds_agregadores_de_noticias)

Design Perfeito

Ser um bom design requer anos de estudo e experiência.Mas existem algumas regras que tornam, digamos, mais fácil a construção de um site com visual agradável, o que pode ser a diferença entre um site mediano e excelente.
Postamos aqui 10 dicas para a construção de um site:

*PRECEDÊNCIA*
Está ligada diretamente à informação.A precedencia conduz o olhar do usuário de acordo com o que foi planejado pelo design e o guia em uma sequência de passos.Entre os métodos usados para a precedencia, temos:

Tamanho - quanto maior o elemento, mais prioridade ele terá na visualização da página.

Cor - pode-se criar hierarqias de importâncias na página.Dois objetos com o mesmo tom, o mais claro terá menos importância.

Cor de fundo - o importante não é a coloração usada, e sim a relação com o conjunto.

Posicionamento - influencia como os elementos são percebidos.Normalmente inicia-se o olhar no canto superior esquerdo da tela.

*ESPAÇAMENTO*

Os espaços tornam tudo mais claro.No Design Web há tres aspectos de espaçamentos a considerar:

linhas de texto - ache um meio termo entre os espaços das linhas de texto, já que o espaçamento padrão é muito apertado.Controle esse aspecto por meio do seletor line-height do CSS.

Padding - como regra geral, o texto nunca deve tocar outros elementos. O termo padding se refere ao espaço entre o texto e os elementos, que sempre deve existir.

Espaçamento em branco - é um espaço, não necessariamente em branco mas vazio em uma página, que geralmente dá mais balanço, proporção e contraste à uma página, tornando-a elegante e sofisticada.

*CONSTRUÇÃO*

Há alguns aspectos a serem considerados nas etapas iniciais de construção de um site.Um deles é a viabilidade.Embora os layouts CSS facilitaram muito a vida dos designers, se não for escolhida uma fonte html padrão, sem chance.Mesmo com o posicionamento CSS ainda hoje algumas coisas são difíceis de alcançar, como o alinhamento vertical que deve ser muito bem pensado.
Elementos que se cruzam costumam dar complexidade à construção da página.Procure um balanço, mantendo o que é bonito e aplicando pequenas mudanças que facilitam a construção.

*USABILIDADE*

Há muita informação a ser transmitida ao internauta em um site. E para que isso ocorra, o design deve ser usável.Confira alguns aspectos relevantes:

Aderência aos padrões -nesse aspecto seu site deve fazer quase tudo o que as pessoas esperam dele.

Ações dos usuários - crie um protótipo, é uma boa ferramenta para testar um design.Você saberá o momento certo de usar interações como caixa de mensagens, botões e formulários.

Tarefas - liste os diferentes tipos de tarefas que as pessoas podem fazer no site, como elas irão alcançar esse resultado e com que facilidade você quer que elas consigam.Pode-se tratar simplesmente de uma caixa de busca sempre acessível.

*NAVEGAÇÃO*

Tenha dois aspectos em mente na navegação:

Navegação(aonde você pode ir)- os botões de navegação pelo site devem estar bem localizados e se parecer com botões de navegação e serem bem descritos com um texto que explique para onde eles levam.
Por último garanta que a navegação seja usável.

Orientação(onde você está agora) - Há diversas maneiras de se fazer isso. Em pequenos sites, pode ser feito com a ajuda de um cabeçalho com uma versão modificada do botão referente à página que você está no menu.Já em um site maior, faça uso da técnica de breadcrumbs, subtítulos e um mapa da página.

*ANÚNCIOS*

Se você aumentar o número de pessoas qe vêem o anúncio,maiores as chances delas clicarem neles.Para issovocê deve saber para onde os internautas estão olhando.Procure fazê-los acima da "dobra da página", pois éo local onde há o maior número de cliques. Outra posição que costuma dar bons resultados é o lado esquerdo da tela.

*CONSISTÊNCIA*

Significa fazer tudo combinar.Tudo deve fazer parte de um tema que torne seu design coerente de uma maneira geral.Isso mostra profissionalismo.Procure tomar decisões cedo e prenda-se a elas.Ter um bom conjunto de folhas de estilo
CSS facilita muito essa tarefa. Defina tags essenciais como e

criando um padrão em suas páginas.A repetição é uma ótima maneira de manter a consistência de um site, usando, por exemplo, as mesmas cores e tamanhos para títulos, textos de corpo e links.

*ALINHAMENTO*

Resumidamente é ter cuidado para que as coisas estejam dispostas de uma maneira consistente na página.Um bom alinhamento deixa o design mais ordenado e digerível, dando um visual mais acabado.Há diversas ferramentas para você definir como alinhar os elementos de sua página, como a criação de uma grade com a "regra de terceiros", que permite que você monte layouts variados com uma composição equilibrada e agradável aos olhos.Outra técnica é o uso do Phi, número irracional
(1,6180339), para definir a disposição dos elementos.Esse número, conhecido como proporção divina,ocorre frequentemente na natureza e cria composições harmoniosas.

*INTERATIVIDADE*

O usuário quer participar da experiência do seu site. Crie elementos que permitam a interação do internauta com seu site, como links e botões. Utilize ferramentas como o Adobe Flash e o Microsoft SilverLightque podem ser usadas para diversos fins.Procure incluir meios de comunicação em seu site para melhoria da interação, como endereços de e-mail e formulários para contato.
Se há conteúdo atualizado constantemente, permita que os usuários façam comentários.

*TENDÊNCIAS*

Sempre deixe seu site em sintonia com as tendências e novas tecnologias que surgema todo momento na rede mundial.Esteja atualizado com o que rola na rede para que seu desugn não pareça datado. Reserve espaços para botões de RSS, Podcasts,, para cadastros em ferramentas como o Technorati e afins.Pense em uma estrutura não muito rígida, caso seja necessário incluír novos elementos no site.
Aproveite ao máximo as maravilhas da banda larga e inclua recursos de mídias variadas nas páginas.

Exercício de associação de imagem a um elemento

Campanha de E-mail Marketing

Um e-mail marketing é a "mala-direta" virtual. Ou seja, toda correspondência recebida via e-mail com o intuito de comunicar, informar, vender ou promover um produto ou serviço a diversas pessoas.

Tem baixo custo, atinge um grande número de pessoas em pouco tempo, pode se tornar viral, é dirigida e mensurável.

Começar a trabalhar com e-mail marketing exige um certo planejamento. É decidir o tipo de e-mail marketing a ser enviado, decidir o público-alvo, compor a mensagem, selecionar os destinatários, testar e aprovar, enviar e, finalmente, medir.

Métricas e Análises de E-mail Marketing

As métricas para e-mail Marketing podem ser:

- Relacionamento - onde a campanha será de 100% de relacionamento com usuários já cadastrados;
- Prospecção sem Aculturação - é o famoso SPAM
- Prospecção com Aculturação - o usuário deve se cadastrar para receber e-mails.

E-mails na base inicial, é a quantidade de e-mails constantes da base. E-mails enviados, deve a mesma quantidade da base inicial, porém se houver e-mails com erros, o número será menor. E quando os e-mails voltam com erros, chama-se e-mails bounces.

E-mails abertos, são os e-mails que foram abertos e clicados são aqueles em que o destinatário abriu e clicou no e-mail e e-mails na base final, são os destinatários que resolveram continuar recebendo e-mails (ao contrário daqueles que escolheram não receber mais e-mails).

Com esses números é possível saber a porcentagem de e-mails bem sucedidos.

Mailing List

Para comprar um mailing list, deve-se certificar-se de que é uma mailing list confiável, não pode acreditar em tudo o que os vendedores falam. O custo da lista deve ser baseado na sua qualidade. Uma boa lista é a garantia de que os cliques serão acima da média.

Muitas vezes, não vale a pena comprar um Mailing List, pois os contatos podem não se interessarem pelo assunto do e-mail. O mais certo seria formar o próprio Mailing List, baseando-se em outros e-mails, de pessoas já conhecidas. É um trabalho mais demorado, mas com mais chances de dar certo.

Um e-mail marketing pode também ajudar uma equipe de telemarketing. Um exemplo seria se a equipe, filtra-se os e-mails, e ligassem somente para aqueles que pelo menos abriram o e-mail, e aqueles que não tiveram nenhum interesse no assunto, descarta-se a ipótese de ligação, uma vez que o cliente não teve nem o interesse em saber do que se trata.

Exercício de Cores

Exercício para relacionar as imagens e as fontes aos conceitos:

por Marcos P S Malaquias

Sintonia das Cores

Visão dos membros do grupo quanto as cores e seu significado.

Amarelo
Marcos K: COMIDA, FELICIDADE, FOME, GORDURA, LIMPEZA, SANDUÍCHE
Marcos P: CALMA, LIMPEZA, OUTONO, PODER, RH, SALGADO
Jessé: CRIANÇA, GORDURA, SALGADO, TECNOLOGIA

Verde
Marcos K: CONFIANÇA, ESPORTE, MEIO-AMBIENTE, OUTONO, SEGURANÇA
Marcos P: CONFUANÇA, ESPORTE, FELICIDADE, METALÚRGIA, SEGURANÇA, TECNOLOGIA
Jessé: MEIO-AMBIENTE, ESPORTE, FELICIDADE, MISTICISMO, RH

Marrom/Bege
Marcos K: CACHORRO, DOENÇA, MÓVEIS, RÚSTICO
Marcos P: CACHORRO, COMIDA, DOCE, MÓVEIS, RÚSTICO, SANDUÍCHE
Jessé: DUREZA, DOCE, GUERRA, SEGREDO, RÚSTICO

Vermelho/Bordô
Marcos K: AGONIA, DOCE, GUERRA, PODER, SEGREDO
Marcos P: AGONIA, DOENÇA, DUREZA, GUERRA, RAIVA
Jessé: SAÚDE

Azul escuro/Roxo
Marcos K: MISTICISMO, RAIVA, TECNOLOGIA
Marcos P: CRIANÇA, GORDURA, MISTICISMO, SEGREDO
Jessé: CONFIANÇA, SEGURANÇA, SONO, SUAVIDADE

Azul claro/Verde claro
Marcos K: CALMA, SUAVE
Marcos P: MEIO-AMBIENTE, SAÚDE, SUAVIDADE
Jessé: CACHORRO, CALMA, COMIDA, LIMPEZA,

Cinza/Preto
Marcos K: DOENÇA, DUREZA, METALÚRGICA, SALGADO, SONO
Marcos P: FOME, SONO
Jessé: AGONIA, DOENÇA, FOME, RAIVA, METALURGIA

Branco
Marcos K: PAZ, RH, SAÚDE
Marcos P: PAZ
Jessé: PAZ

Analisando, as cores possuem características próprias,transmitindo sensações que são interpretadas pela nossa alma.
Algumas cores são definidas como "padrão" quando relacionadas a certos objetos e/ou palavras.Por exemplo:
Quando pensamos em segurança, a primeira cor que vem em nossa mente é azul.
Semelhantemente é a cor branca, que simboliza paz, calma.Cores escuras como preto, cinza são geralmente relacionadas a sentimentos depressivos ou coisas ruíns como doenças, agonia, raiva, etc.

Briefing... O que é e como elaborar...

A definição de "BRIEFING" pela Wikipédia!

O briefing é um conjunto de informações passadas em uma reunião para o desenvolvimento de um trabalho, sendo muito utilizadas em administração e na publicidade.

O briefing é uma peça fundamental para a elaboração de uma proposta de pesquisa de mercado. É um elemento chave para o planejamento de todas as etapas da pesquisa de acordo com as necessidades do cliente.

Um amigo meu definiu briefing como “uma palavra ‘fresca’ para umas perguntinhas que se faz ao cliente sobre o que ele quer no site”.

Basicamente, é mais ou menos isso, mesmo: o briefing é um conjunto de perguntas e/ou atividades que servem para determinar como se dará o projeto, elaboração e execução de determinada coisa – no caso, a “coisa” é um web site.

Como fazer um bom "briefing"

O briefing deve ser feito na primeira reunião com o cliente, preferencialmente em um encontro pessoal, normalmente o briefing inicial é feito pelo atendente em uma primeira conversa com o cliente. A vantagem de se encontrar pessoalmente com a pessoa que irá contratar seus serviços é poder “sentir” melhor o que a pessoa está realmente precisando e/ou buscando, além de você poder auxiliar e explicar melhor para o cliente o teor e objetivo de cada pergunta. Após este primeiro contato ou montagem do "primeiro briefing", o profissional da área de marketing elabora o briefing e o apresenta ao cliente.

Entretando, pode ser que fique complicado de se encontrar pessoalmente com o potencial comprador do web site. Para sanar essa questão, algumas medidas podem funcionar:

• Briefings por e-mail. Esta abordagem seria a mais simples e “tradicional” quando o assunto é web. Enviar as perguntas do briefing por e-mail e receber as respostas também por e-mail é algo fácil, relativamente fácil e, até certo pronto, eficiente;
• Conversa por mensageiros instantâneos. Os instant messengers são usados pela maioria das pessoas que trabalham com web – ou que acessam a rede mundial várias horas por dia. Fazer um briefing com o cliente através de um instant messenger é mais demorado, mas dá um toque mais pessoal a todo o processo;
• Vídeo conferência. Realizar uma vídeo-conferência é bem próximo de se encontrar pessoalmente com o cliente. Para quem vai fazer um briefing com pessoas de outros estados ou países, este deve ser o meio de escolha adequado;
• Sistema web de briefings. Para desenvolvedores web é bastante simples montar um sistema online para realização de briefing. Um exemplo seria definir um esquema de IDs para os clientes e programar um formulário com as perguntas separadamente, para cada um; as respostas seriam armazenadas em um banco de dados e/ou num arquivo, como um XML, por exemplo;
• “Misturar” diversos técnicas. Dependendo do caso, pode ser eficiente “misturar” diversas destas técnicas de feitura de briefing. Por exemplo, pode-se enviar um e-mail com as perguntas e, em uma vídeo-conferência, fazer um acompanhamento com o cliente para auxiliá-lo a responde-las. Outro: elaborar um sistema online para a pessoa responder às perguntas do briefing e enviar as respostas para seu e-mail. Recorra à sua criatividade e certamente bons resultados serão encontrados.
  

Considerações finais

Fazer um briefing de qualidade, que realmente “extraia” do cliente todas as informações que você precisa para elaborar um projeto que seja bom, é realmente uma questão de prática. Mesmo alguns daqueles que trabalham no ramo de desenvolvimento para web há anos consideram que ainda não sabem fazer um briefing que consiga, plenamente, fornecer o que é preciso para se fazer o site.

Portanto, não desanime caso fique um pouco nervoso e inquieto ou não consiga ser natural e espontâneo nos primeiros briefings que fizer. A prática e consequentes anos de experiência o levarão a um patamar que você irá gostar, esteja certo!

Brainstorm

O brainstorming também conhecido como tempestade de idéias visa facilitar a produção de soluções originais. Tem como princípio básico o julgamento adiado, assim contribui para a produção de idéias, o uso da imaginação e a quebra de barreiras mentais. O objetivo principal é produzir um maior número de idéias possíveis sobre um problema particular e necessariamente real. O problema entregue ao grupo tem um único ponto focal que é logo compreendido e trabalhado pelos participantes. Ninguém vai receber nota. Como os resultados não são importantes nem sérios, ninguém se preocupa em avaliar as idéias assim que são apresentadas. Naquele momento o que importa não é saber se tal ou qual proposta vai dar certo. A mente de cada participante se volta para o tema. Não existindo temor do ridículo nem a fixação de hábitos.

REGRAS BÁSICAS: Enuncie o problema em seus termos básicos, concentrando-se em único ponto focal, não procure falha em qualquer idéia, nem deixe de explorá-la, procure gerar qualquer tipo de idéia, mesmo que, em um primeiro momento lhe pareça remota ou ridícula e de apoio e estímulo aos demais participantes, o que fará com que o grupo todo vá assumindo atitudes mais livres e menos judiciosas.

O Brainstorn, dentro de uma Agência Web, deve incluir o maior número de pessoas possíveis, de preferência, as da parte de criação, os designers. O Braisntorn, pode ajudar a criar logomarcas, idéias para trabalho, entre outros.

PLANO DE NEGÓCIOS

É a primeira e mais importante fase do futuro empreendimento. É aí onde deve ser definido o foco de atuação, o público alvo, o tipo de serviço a ser prestado pela empresa e não devem ser esquecidas as metas de crescimento. Para isso é fundamental ter um plano de administração a ser seguido, mesmo no início onde a equipe e o capital são mínimos e quando não for possível, procurar conselhos de quem já está no mercado. Uma boa dica é buscar auxílio no SEBRAE, o qual pode vir a ser um grande aliado de futuros empreendedores. Elaborar um plano de negócios, organizar os setores, elaborar marketing e estudar o futuro mercado de atuação para entendê-lo melhor é uma boa dica para quem quer ser um futuro empreendedor.

Empresa na Internet... a "EXECUÇÃO DOS SERVIÇOS".

Após toda a estrutura de trabalho montada, vem uma das mais, se não a mais importante das missões: A execução dos serviços.

O cliente finalmente entra em contato e solicita um serviço, mas e aí? Quanto cobrar pelo serviço solicitado? Alguns especialistas não recomendam a criação de uma tabela de preços, pois cada serviço é diferente do outro então, uma dica importante é criar a sua própria convenção de valores com base nas horas de trabalho. O cálculo é simples: a empresa precisa definir as despesas fixas (salários, energia, telefone, aluguel, condomínio, infra-estrutura, impostos), somar à margem de lucros pretendida e dividir tudo isso pela quantidade de horas trabalhads no mês. O valor dessa razão será o custo aproximado por hora de trabalho.

Outra questão muito importante, já depois dos primeiros trabalhos, é a implementação do website da empresa. Em contexto geral, o conteúdo deve ser voltado para os diferenciais da empresa para que os clientes encontrem com facilidade o que procuram.

As sites de Agências Web, geralmente encontramos páginas relativas a propaganda, construção de sites, propagandas quanto ao retorno dos serviços (lucros).

Empresa na Internet... a importância do "PLANO DE NEGÓCIOS".

A elaboração de um Plano de negócio é fundamental para o empreendedor, não somente para a busca de recursos mas, principalmente, como forma de sistematizar suas idéias e planejar de forma mais eficiente, antes de entrar de cabeça em um mercado sempre competitivo.

O seu Plano de Negócio deve ajudá-lo a responder questões importantes relativas ao seu negócio antes de seu lançamento. Para auxiliar na montagem do plano é importante um modelo que sirva como uma espécie de roteiro na construção de seu Plano de Negócio.

Um modelo é exatamente isso que o seu nome diz: um "modelo". Se você estiver pensando em lançar uma pequena empresa ponto.com, não tenha dúvidas, faça você mesmo seu Plano de Negócio. Se você pretende usar o seu Plano de Negócio para levantar recursos, é ótimo que você capriche na apresentação, porém, mais importante que isso é a consistência dos dados que embasarão o seu projeto. E por fim, não se assuste se mesmo tendo pesquisado e planejado exaustivamente, você tiver que alterar parcialmente seu projeto depois de lançado o negócio.

O Blog

Este Blog foi criado por um grupo da turma Fundamentos de Multimídia do curso de Informática para Internet da PUCPR, com a finalidade de divulgar informações sobre web design.

Pedimos sugestões sobre temas atuais na área, para aprimorarmos o blog.