Lista de Sites convertidos a Tableless

Dêem uma olhada nesta lista e veja os sites antes e depois da conversão para tableless, e vejam seus códigos.

Clique Aqui

Publicado em: on Novembro 13, 2007 at 12:02 am Deixe um comentário

Tabela de Compatibilidade de CSS

Estava navegando, lendo novidades sobre CSS, e encontrei, no site do Tableless, e encontrei uma tabela bem legal sobre compatibilidade entre os browsers, vale a pena dar uma olhada o que funciona em cada browser.

Olhem aí: Tabela de Compatibilidade de CSS

Publicado em: on Novembro 12, 2007 at 11:52 pm Deixe um comentário

Efeito de Seguir o mouse

Segue abaixo o código para efeito de seguir o mouse, também lembrando que devemos colocar no movie clip.

onClipEvent (enterFrame) {
mx=_root._xmouse;
if(mx<_x){
dx=_x-mx;
}
else{
dx=mx-_x
}
moveSpeedx=dx/10;
if (mx<_x){
_x=_x-moveSpeedx;
}
else {
_x=_x+moveSpeedx;
}

my=_root._ymouse;
if(my<_y){dy=_y-my;}
else{dy=my-_y}
moveSpeedy=dy/10;
if (my<_y){_y=_y-moveSpeedy;}
else {_y=_y+moveSpeedy;}
}

Publicado em: on Novembro 8, 2007 at 11:45 pm Comentários (1)

Código para Drag and Drop Flash

Como vimos na aula, segue o código para criação do efeito drag and drop, lembrando que é necessário criar uma figura, ou inserir uma e transformar em movie clip…

Segue o código…

on (press) {startDrag(“”);

}on (release) {stopDrag();

}

este código deve ser colocado no movie clip.

Publicado em: on at 11:44 pm Comentários (1)

O design como profissão!

O cenário do dia-a-dia do profissional de design

O design – palavra em inglês que significa “projeto”, e não “desenho” – é visto pela sociedade de forma geral como uma atividade artística, que depende de um dom, de uma habilidade inata, para ser realizado de modo pleno.

Esta visão tem sido reforçada pela dificuldade em diferir o design de áreas afins como a publicidade, o marketing, a diagramação, a arquitetura. Mesmo nos escritórios de design, os profissionais mais experientes muitas vezes recebem a titularidade de “Diretor de Arte”, ajudando a sedimentar o conceito de profissão subjetiva. Nas gráficas, é comum solicitar a “arte” do folder, a “arte” do livro ou a “arte” de algum outro material gráfico.

Entre os designers, há duas vertentes mais comuns. Aqueles que acreditam no potencial artístico e aqueles que defendem um tecnicismo, baseados principalmente nas duas maiores escolas de design do século XX: a Bauhaus (Alemanha 1919 – 1933) e Escola de Ulm (Alemanha 1953 – 1968).

Assim como em qualquer profissão, a experiência faz a diferença. O designer, assim como o arquiteto por exemplo, aprende com aquilo que vê, tentando compreender e assimilar aquilo que outros profissionais estão produzindo e evoluir a cada novo projeto. Este conjunto de experiências é tipicamente chamado de “repertório”, assim como o repertório de uma banda representa sua experiência em diferentes estilos musicais.

Sendo uma profissão na qual somente a experiência adquirida demonstra a qualidade de quem a exerce, este conhecimento empírico [construído na prática] é mostrado no portfólio do designer.

Gráfico ExperiênciaGráfico Experiência

Como vejo o design

Acredito que o design é uma profissão que se utiliza de conceitos técnicos (como a teoria das cores, escalas de proporção, conhecimentos de tipografia, de desenho técnico, computação gráfica de alta precisão, escalas de cores como Pantone, CMYK, RGB) e também se vale de habilidades artísticas de quem utiliza estas técnicas para produzir elementos gráficos e produtos que respeitem os preceitos estabelecidos num Briefing para cada necessidade: um material gráfico, o projeto de um carro ou de um tênis, um logotipo, uma marca.

Conforme a web foi se desenvolvendo, os papéis dos designers foram se segmentando, criando novas especialidades dentro do contexto do projeto de um site: o Arquiteto de Informação, o especialista em Usabilidade, a Designer da Interface.

Gráfico UsabilidadeGráfico Usabilidade

Design como diferencial

O WebDesign é a etapa do desenvolvimento que mais interage com o público final e que afeta todo o processo de administração do site. É ele que traduz visualmente a missão da empresa, assim como tem funções e etapas importantes em seu desenvolvimento:

  • Benchmark - É a pesquisa de soluções já existentes e idéias que possam ser implementadas
  • Brainstorm - É um processo criativo no qual são desenvolvidas idéias para o projeto, apoiadas pelo Benchmark
  • Arquitetura de Informação – É a organização das informações no site para o público final. No desenvolvimento da AI, é transposto o conteúdo para a internet, determinando a disposição das informações
  • Wireframing – É o dimensionamento das áreas do site, organizando visualmente onde cada item estará disposto
  • Design de Conteúdo – Como as informações aparecem para o internauta
  • Design de Navegação – Como o internauta navega entre as páginas e seções do site
  • Design Gráfico (Interface) – Determina qual será a “cara” do site, o visual de todas as páginas e de cada seção específica
  • Design de Performance – Otimização de recursos tecnológicos e gráficos para um carregamento rápido
  • Design de Experiência – Quais as impressões que os usuários mantêm após navegar no site
  • Usabilidade – É a avaliação prática da qualidade da navegação, na qual são corrigidas falhas e repensados recursos do site que possam ser melhor explorados

Abraços!

fonte: http://www.imasters.com.br/artigo/7096/teoria/o_design_como_profissao/

Publicado em: on Novembro 6, 2007 at 11:04 pm Deixe um comentário

Novos Profissionais saindo do forno…

Esta semana acaba a minha primeira turma de webdesigner da Microlins Caraguatatuba – SP, estou muito empolgado com o nível dos trabalhos, mesmo para iniciantes, os códigos estão muito bons, e o css também, é isto aí galera, logo logo teremos bons profissionais, que sabem o valor de um projeto, não vão sair cobrando R$200,00, fiquem de olho neles…

São estes os profissionais:

  • Ana Cecília Marcondes Pereira
  • Israel Requene Bezerra
  • Ronaldo Alves Goes
    Publicado em: on at 10:53 pm Deixe um comentário