Exercício de Flash - Parte II

Caros alunos,

Estou postando agora a segunda parte dos exercícios de Flash, para a fixação de conteúdo. O exercício vai contemplar alguns recursos bem simples do Flash - vou deixar os recursos avançados para a próxima postagem.

O objetivo deste exercício é a criação de um banner de publicidade para a Prefeitura de Belo Horizonte, na campanha contra a dengue. Não colocarei formas, deixando o exercício como atividade de criação livre. Porém, segue abaixo algumas regras para essa criação:

• O banner deve ter a orientação horizontal, sendo de 200px x 600px
• O banner deverá ter, no mínimo, 100 frames, sem limite máximo
• Deverá ter a logomarca da PBH, da Secretaria Municipal de Saúde e a sua assinatura
• O banner deverá conscientizar a população sobre a prevenção - e não dar dicas de prevenção
• O trabalho deverá ter a cor de fundo branca

Ao terminar, mandem o trabalho para o meu email (instrutorfragoso@gmail.com). Só considerarei os trabalhos que eu receber, com a resposta de confirmação.

Bons estudos.

Abraços.

Paulo Fragoso
CEI - AST Pleno
SDPE - SOSVN
E Pluribus Unun

Exercício Introdutório de Dreamweaver

Caros Alunos,

Posto hoje um exercício sobre o primeiro capítulo da apostila de Dreamweaver. Por ser um conteúdo bastante teórico, o avaliarei por meio das questões abaixo. Leia a apostila com bastante atenção, e faça o exercício com bastante cuidado. Lembre-se de que leio os trabalhos, e comentarei sobre as questões em sala de aula.

1- Baseado na leitura, sobre o cliente, descreva como você faria para agradar aos clientes externos e aos clientes internos de um site para uma empresa de construção civil.

2- De acordo com a leitura, quais são os passos para a criação de um site? Qual a utilidade de cada uma?

3- Baseado nos conceitos de briefing, rafe e brainstorming, imagine que você está em reunião com um cliente. Crie os seguintes briefings:

> Um cliente que quer um site para uma sorveteria.

> O site de uma ong que participa da defesa dos direitos das mulheres.

> Um site para a divulgação de uma banda de rock.

4- De acordo com a leitura, uma forma de se apresentar e entender a construção de um site é por meio da arquitetura do site. Baseado na leitura desenvolvida, crie as seguintes arquiteturas:

> Um site para uma loja de roupas

> Um site para uma equipe desportiva

> Um site para um escritório de advocacia

No mais, ficamos por aqui com essas 4 questões.

Abraços

Imagens para exercício de Flash - I

Caros alunos,

Nesta postagem, coloco algumas imagens para a execução de um exercício em Flash, cujas instruções estão na folha entregue.







Bom trabalho

Efeitos das cores na vida humana

Um novo estudo da University of British Columbia esclarece um debate que vem sendo travado há tempos por psicólogos e publicitários – que cor torna o cliente mais receptivo à propaganda? Azul ou vermelho?

Aparentemente, ambas as cores podem produzir o efeito. Tudo depende da mensagem que a propaganda deseja passar. O estudo, que pode ter, também, um impacto significativo em design de interiores, diz que o vermelho deve ser usado para atrair a atenção do consumidor a detalhes. O azul, por sua vez, estimula a criatividade.

“Tanto o azul como o vermelho foram considerados capazes de aumentar a capacidade cognitiva, em estudos anteriores” explica Juliet Zhu, professora da faculdade de administração da University of British Columbia. “No entanto, não podíamos dizer qual proporcionava um efeito maior. Agora sabemos que depende da mensagem que queremos passar” completa.

O estudo realizou testes cognitivos em 600 voluntários. Perguntas eram feitas em computadores – e a tela de fundo do programa era azul, vermelha ou branca.

O vermelho apresentou mais resultados positivos em tarefas que exigiam atenção a pequenos detalhes, ou uma leitura mais minuciosa (comparado com o azul, 31% a mais de acertos). Já o azul proporcionou mais acertos em situações que exigiam brainstorming, demonstrações de criatividade – usuários da tela azul tinham redações muito mais criativas do que os de tela vermelha.

“Graças a sinais de trânsito, ambulâncias e às canetas vermelhas dos professores, associamos essa cor a perigo, necessidade de atenção. Tomamos mais cuidado antes de responder algo, quando estamos expostos ao vermelho. Nos tornamos mais vigilantes” afirma Zhu.

“O azul é associado ao céu, ao oceano e à água. Sendo assim, as pessoas relacionam a cor à calma e à amplitude. O azul nos auxilia a deixar o óbvio e buscar soluções criativas” explica a professora.

Para estudar o impacto que essas descobertas têm na publicidade, os pesquisadores utilizaram uma série de propagandas e produtos fictícios, coloridos, e viram quais eram as reações dos consumidores diante deles. Os resultados foram impressionantes e confirmaram o que foi concluído das pesquisas anteriores.

Se o produto for uma pasta de dente, por exemplo, a cor vermelha na embalagem deixa as pessoas atentas para a especificação do produto – se ele é usado para combater cáries, placa, gengivite. Quando o azul era a cor predominante da embalagem, os voluntários ficavam mais atentos à questões estéticas, como clareamento dental e refrescância.
Efeito das outras cores:

Branco
Decoração: Um ambiente todo branco, para algumas pessoas, pode trazer prazer e calma, e para outras, frieza, tristeza e impessoalidade. O branco nos passa também uma sensação de limpeza, até exagerada. O branco só é branco, quando recebe uma luz intensa direta.
Cromoterapia : Ela potencializa as demais cores. Representa a luz divina.
Feng Shui: É uma cor neutra, que pode ser usada em qualquer ambiente. Muito cuidado quando o branco aparece em demasia em um ambiente, pois nos passa uma sensação de infinito, frieza, vazio e hostilidade. Deve-se quebrar o branco com quadros e móveis bem coloridos.

Preto – Cinza
Decoração: É usado em pequenos detalhes, principalmente quando queremos fazer um “efeito especial”, tanto dentro, como fora da casa. Ainda na área interna, é usado para fazer contrastes, principalmente com o branco. Muito usado no teto com pé direito muito alto, para dar a sensação de rebaixo.
Cromoterapia: É o oposto da luz, a escuridão total.
Feng Shui: É opressivo e depressivo. Representa o elemento água e deve se usar com muito cuidado. Em geral, é usado em pequenos detalhes na casa.

Verde
Decoração: É uma cor muito usada. No chão, nos lembra a natureza. Não incide muita luz, mantendo a cor original. Em locais abertos, complementa madeira e jardins.
Cromoterapia: É a cor da natureza, traz força equilibrada e progresso mental e corporal. Acalma o sistema nervoso e os sentidos. Também significa esperança e satisfação.
Feng Shui: É uma cor neutra que representa o elemento madeira. Muito cuidado em usar a cor verde em locais que predomina o vermelho, pois teremos um local muito quente. Deve-se usar nos banheiros para elevar a energia deste local. Para casas que abrigam pessoas com problemas de saúde, o verde é uma ótima opção.

Lilás - Violeta
Decoração: Tons mais claros podem ser usados em todos os ambientes. Se for uma cor monocromática, pode cansar.
Cromoterapia: Tem efeito purificador, tranforma as energias negativas em positivas. Ótimo para a saúde. Acalma o coração, a mente e os nervos.
Feng Shui: Traz tranquilidade, sossego e calma. Estimula a espiritualidade. Nas casas, deve ser aplicado em locais de meditação e oração. Em excesso, pode trazer depressão e ansiedade.

Laranja
Decoração: Inconscientemente, lembra sabores agradáveis, sendo muito usado em cozinhas. Abre e estimula o apetite. Pode ser usado na sala de jantar, em uma só parede, em tons bem suaves. Em tons mais escuros, sugere estabilidade.
Cromoterapia: Auxilia a mente a assimila novas idéias, mas deve ser usado com certo cuidado.
Feng Shui: Em pequenas doses, estimula os sentidos, a criatividade e a comunicação. Boa para áreas da casa que quer se estimular o diálogo, como sala de visitas, de jantar e cozinhas. Em excesso, pode provocar conversas demais e até rebeldia.

Amarelo
Decoração: É muito usado para esquentar áreas escuras e para dar mais iluminação. Em pisos, provoca sensação de avanço. Em grandes áreas e superfícies, pode incomodar por causa da incidência de luz.
Cromoterapia: É uma cor que atua diretamente sobre o mental. É animador, inspirador e estimula o raciocínio. Ajuda no auto-controle. Fortalece os ouvidos e os olhos.
Feng Shui: É a cor da luz. Estimula a comunicação, atividades mentais e abre o apetite. Deve ser usado no quarto de estudo ou na criança. Na cozinha, em doses equilibradas. Em excesso, provoca muita conversa e pensamentos acelerados e confusos, provocando preocupação.


Retirado do insoonia.com

Tendências para o Webdesign em 2010

Caros Alunos,

Estamos começando o ano de 2010 e, com ele, novas idéias para a criação. No webdesign a coisa não é diferente, e temos novas tendências sendo lançadas a cada ano. Vejamos as tendências para a Web em 2010.

1. Tipografia

A tendência começou ano passado e vai continuar com toda a força: os designers continuarão utilizando fontes grandes, grossas e chamativas como componentes de layout. Também se observará um cuidado ainda maior com espaçamento e “peso” de fontes. Esta tendência reflete um aspecto positivo da web 2.0, onde informação é tudo e o texto é prioridade. Fontes são destinadas a serem exploradas, distorcidas, e moldadas para atender às suas finalidades. Com o posicionamento correto, um site que utiliza a tipografia como elemento principal do projeto será mais interessante para um leitor do que sobrecarregar o site

com toneladas de fotos.

2. Esboços e ilustrações vetoriais ou à mão livre como componentes de layout

Desenhos feitos à mão não são exatamente algo novo no horizonte, mas todos sabemos que ele ainda está "in". Muitos designers admiraram o estilo, mas tem medo de criar seus próprios desenhos. Se você olhar para os mais populares (há apenas alguns), você vai notar que a maioria de seus colegas designers não sabem desenhar. Estes desenhos não são exatamente dirigidos a um museu de arte, mas eles transmitem uma sensação de extravagância, de cruzar a linha entre a web fria e a interação pessoal, o objetivo último da internet.

O uso de desenhos e ilustrações em 2010 se tornará mais elementar, e não tanto o foco principal de um web design. Ele será usado para personalizar a cópia padrão da web em maneiras novas e emocionantes.

O uso de ilustrações personaliza um layout, e seu uso é tendência forte, especialmente nos portfolios pessoais.

3. Imagens e fotografias grandes

Um parente próximo ao logotipo de grandes dimensões / cabeçalho, a imagem muito grande parte do mesmo princípio. Ela cria um impacto visual que o visitante não vai esquecer tão cedo. Ao contrário do cabeçalho gigantesco, imagens enormes não fazem parte do branding do site. Em vez disso, estas imagens transmitem o conceito do site, o "clima".

4. Layout tipo revista e jornal

A idéia de artigos curtos, sucintos e fáceis de ler, reflexo da mudança de comportamento da sociedade como um todo em relação à web, têm se mostrado cada vez mais forte. Os sites tenderão cada vez mais a adotar este conceito.

5. Introdução

Os designers aprenderam a valorizar a área mais importante do site em relação aos usuários, o topo. A tendência atual é inserir blocos de texto de apresentação com fontes grandes e chamativas, atraindo a atenção do visitante e apresentando aquilo que o site prioriza.

6. Sites de página única, One Page Layouts (Minifolios, vCard Style)

Muitos designers pensarão na pressa dos usuários e criarão cada vez mais designs de página única. Toda a informação, um só lugar.

Pense nestas sites como cartões de visita. Eles serão mais do tipo pare-olhe-compre aos clientes, para que possam obter informações sobre como localizá-lo, ver o seu trabalho em outros sites, seu blog e suas redes sociais.

7. Links para mídias sociais e divulgação de participações off-site

Mídias sociais estão cada vez mais populares, todo mundo faz parte delas e todos divulgarão cada vez mais isso em seus sites. O legal é ver a criatividade com que podemos fazer isso…

8. Espaços em branco

Seu cliente costuma odiar. Diga a ele que é tendência 2010! :D Espaços em branco ajudam a concentrar a atenção do usuários nos itens realmente importantes.

9. Ícones

Todos amamos ícones, e eles estarão na moda ano que vem. Uma simples imagem com tanto poder de comunicação só podia ser a cara da web 2.0!

10. Lightbox

É como o irmão mais sofisticado do popup só que é melhor, bonito e popular. Lightboxes são tão fáceis de fazer e fáceis de usar, tornando-se solução perfeita para qualquer designer preocupado com a usabilidade.E continuarão cada vez mais presentes, exibindo imagens, vídeos e textos de forma leve e elegante.

11. Design interativo, intuitivo

Flash já viu melhores dias. Houve um momento em que você não poderia visitar um site sem uma interface Flash irritante. Agora o Flash é muito mais descontraído e muito mais profissional. Apesar de alguns designers preferirem usar jQuery para formulários e popups, o Flash ainda tem seu lugar, especialmente quando feito de forma sutil. Os designers também irão criar sites que são mais intuitivos do que no passado.

12. Logos / Headers Gigantes

As páginas do respingo é tão ontem. Para fazer uma impressão inesquecível sobre o visitante, a tendência para 2010 será de logotipos de grandes dimensões em um cabeçalho igualmente grandes. Estes tipos de cabeçalhos pode levar até a tela inteira, mas com uma observação importante. Visitantes não precisará clicar em nada, apenas rolar para baixo. Visitantes muitas vezes ter uma fobia clicando (devido aos anos de navegação pobres), os cabeçalhos tão grande fazer o trabalho de uma página inicial, sem forçar seus visitantes a clicar em nada.

13. Mudança de perspectiva

Em 2010 a perspectiva da área de trabalho vai ver uma mudança definitiva na perspectiva em forma de uma visão mais realista. Nada mais de imagens planas e retas.

14. Minimalismo

Esqueça a velha escola de sites minimalistas. O minimalismo de 2010, que continuará a ter muito espaço em branco, será agora reforçado pela tipologia em negrito gigantesca e esquemas de cores surpreendentes. Nem todos os sites minimalistas vão concordar com a simplicidade em preto e branco. Embora o minimalismo é, por natureza, silenciado, ele vai mostrar também as cores frescas. Minimalismo não será mais algo frio, será quente e comunicativo.

15. Rodapés Grandes

Rodapés grandes já estão em toda parte, mas 2010 serão maiores e mais incrementados. Os rodapés de amanhã deixarão de ser apenas o endereço e "assinatura" do site e passarão à ser parte integrante do projeto. Procure por rodapés que contêm informações e características aleatória, como atualizações de feed provenientes de diversos meios de comunicação social, as pesquisas diárias, Flickr, etc.

Fonte: http://krisefeblog.blogspot.com/2009/12/tendencias-em-webdesign-2009-2010.html#

Aproveitem bem as férias escolares, e estudem bastante.

Abraços.

9 Dicas para você escolher a empresa de hospedagem

Olá,

A primeira coisa que deve estar clara é que preço não é tudo! Não vale a pena pagar R$ 0,99 pela hospedagem e ter um website ineficiente. No final das contas, você perderá dinheiro. Aqui, mostraremos alguns pontos que você deve considerar para garantir aquilo de que precisa: uma empresa de hospedagem eficiente que atenda suas necessidades, tanto agora quanto no futuro.

Vamos as dicas:

• Entenda os diferentes tipos de hospedagem: compartilhada, com o servidor alocado em data center, dedicada sem gerenciamento e dedicada com gerenciamento. Seu website é recente e tem pouco tráfego? Se seu site for um domínio novo, você não precisará da força de um servidor dedicado a menos que seu site seja de pesquisa intensiva, o que pode incluir streaming, vídeos, proxies e mesmo links para vídeos, que podem causar uma carga alta em acesso e processamento.
• A empresa oferece as ferramentas necessárias para o seu website, como um gerenciador de arquivos e mecanismos anti-vírus e anti-SPAM? Elas possibilitam maior facilidade, agilidade e segurança para o seu website.
• Procure estabilidade e não apenas tamanho. Só porque a empresa de hospedagem oferece a você espaço incomensurável e ilimitado, não significa que você precise basear sua decisão exclusivamente nisso. Para que serve tal plano quando seu website está fora do ar ou o servidor está sobrecarregado? Pesquise há quanto tempo essa empresa está ativa. Veja se ela recentemente mudou de direção e se mostra um caixa positivo.
• Busque uma empresa que tenha data center equipado para suportar falhas e problemas. Se você está pensando em fazer negócios com um fornecedor menor de hospedagem, certifique-se de que a empresa tenha força adequada e capacidade para fazer conexões. Pergunte sobre o link de acesso. A empresa possui um gerador local? O gerador recebe checagem regular e manutenção? Qual a utilização média das conexões disponíveis?
• Quão habilidosa é a equipe de trabalho da empresa de hospedagem? Quando você precisa de um serviço de atendimento de ordem técnica, você o quer imediatamente, certo? Descubra a disponibilidade dos administradores dos sistemas da empresa.
• Consulte as opiniões de outros clientes que utilizam os serviços de hospedagem. Como em qualquer outro setor de negócios, o fornecedor de hospedagem deve ser capaz de providenciar boas referências.
• A empresa de hospedagem é flexível? No futuro, suas necessidades podem mudar. Você pode exigir novos e melhores serviços caso surjam outras demandas? A empresa se preocupa em inovar constantemente, sempre buscando aumentar a qualidade de seus serviços?
• Esta dica é opcional. Certifique-se de que a empresa não tenha endereços IP em listas negras. O fornecedor de hospedagem com o qual você quer trabalhar não pode ser aquele que promove websites ilegais, ou que enviam spams ou que apresentem outros problemas de segurança. Você está considerando fazer negócios com esta empresa. Você pode sempre perguntar a ela em qual servidor sua empresa vai ser colocada.
• Desde o início, mantenha um entendimento claro e escrito de todos os serviços e de todas as cobranças da empresa. Se ainda houver questões ou alguns termos não esclarecidos, é fortemente aconselhável que você peça informações antes de assinar qualquer coisa.

Se você fizer sua pesquisa antes de começar seu negócio, você encontrará um caminho melhor para uma hospedagem bem-sucedida e, conseqüentemente, uma promoção eficiente de sua empresa online. Não tenha pressa ao tomar esta decisão importante!

Fonte: http://www.netme.com.br/noticias/9-dicas-para-voce-escolher-a-empresa-de-hospedagem-correta-para-seu-website.html

Paulo Fragoso
E Pluribus Unun
CEI - AST Pleno