Adobe Fireworks CS4 beta anunciado

O novo Adobe Fireworks CS4 beta já foi anunciado há alguns dias. Acabei de ver estes vídeos e fiquei bem satisfeito com as novas funcionalidades.

Principais Características

Prototipação

Isso tá ficando cada vez melhor! Veja estes e mais outros vídeos no Adobe TV

Princípios da boa interação: Simplicidade

Posso dizer que o simples é aquilo que não é complicado, que é livre de excessos. É saber o que deixar de fora e não o que colocar na interface. Trata-se de ser exato, e pra ser exato deve-se conhecer bem o que está construindo e ter objetivos definidos. No design para a internet, é como se você tivesse apenas uma chance para acertar e agradar, ou seja, parece simples ser simples, mas não é bem assim.

O Google com sua page simples e minimalista e ao lado, o Yahoo com sua página estilo portal
O Google com sua page simples e minimalista e ao lado, o Yahoo no modelo portal

Qual foi o preço pago pelo Google por deixar tantas funcionalidades de fora da sua página mais popular? O que ele perdeu e o que ganhou com isso? Bem, o que ele perdeu não sabemos exatamente, mas sabemos que ele ganhou, e não foi pouco.

Claro que a simplicidade apenas não garante seu sucesso, mas este é um valor cultivado por uma empresa que tem muito a ensinar.

Algo sobre anúncios

Este vídeo diz muito sobre anúncios em banners nos websites.

Via Seth’s Blog

Formatos de anúncios AdSense e IAB

Pra quem precisa planejar os formatos de anúncios mais utilizados no mercado, aí estão as páginas de referência:

O blog da Fantasy Interactive - cadê o basicão?

O visual é de matar, manjam muito de multimídia, mas o que me matou mesmo foi ver, nos dias de hoje, um blog sem feeds.

think swedish - media blog of FI

Ganhe tempo usando um CSS inicial padrão

Criar um arquivo CSS do zero sempre que iniciar um novo projeto pode te tomar um bom tempo e ainda fazer com que cada um saia de um jeito único, o que dificulta a padronização, e padrão é algo precioso quando falamos de desenvolvimento web.

Uma forma que uso há algum tempo e tem sido muito útil, é salvar um arquivo CSS com algumas formatações básicas no programa de edição de HTML e acioná-los sempre que precisar. No Dreamweaver são chamados de “snippets” e no Eclipse/Aptana (programa que uso atualmente) são chamados de “actions” estes pequenos blocos de textos que você guarda e chama quando for o caso.

As vantagens são várias. Além do tempo economizado por você iniciar seus estilos com meio caminho andado, isso te ajuda a se localizar entre as várias classes e IDs que o arquivo ganhará.

Este arquivo CSS fica então estruturado dessa forma:

  • Geral - Aqui vão as primeiras estilizações e o que será herdado por praticamente todo os seletores.
  • Configura Tags - Muitas tags podem receber estilizações padrão;
  • Cabeçalho - Aqui separo todas as configurações pra o topo do site;
  • Rodapé - Igual ao anterior, porém, para o rodapé agora;
  • Conteúdo - Formatações estruturais para o meio do site, onde vai o conteúdo;
  • Navegação - Separo os estilos que formatam tudo relacionado à navegação do site. Na verdade ainda divido este item em vários elementos: navegação principal, navegação secundária, breadcrumb e paginação
  • Barras, Janelas, Box - Para formatações de janelas de mensagens, conteúdos em janelas e etc;
  • Formulários - Formulários são bem chatos de lidar, quanto mais organizados estiverem os estilos, melhor pra você;
  • Listas - Todas as listas, ordenadas e não ordenadas ficam estilizadas por aqui;
  • Tabelas - Porque elas também merecem :);
  • Tipografia - Um dos itens mais importantes pros designers. Aqui formato os parágrafos, títulos e tudo o que se relaciona à tipografia do site;
  • Efeitos - São formatações diversas que uso constantemente durante o desenvolvimento, como um alinhamento à direita, uma cor diferente ou qualquer coisa do tipo;
  • Elementos diversos - Aqui vão os estilos que não entram em nenhum dos rótulos acima. Coisa bem comum também

Se alguém usa um outro método ou organização e quiser compartilhar, escreva!

Download do arquivo CSS Inicial

Completamente nú

Este site e mais outros milhares por aí ficarão o dia de amanhã (05 de Abril) completamente sem estilos de formatação. Isso mesmo, completamente pelado, preto no branco literalmente.

A razão disto é o CSS Naked Day, um dia pra você sair pra web sem teu CSS básico e mostrar completamente o teu <body>.

O objetivo desta iniciativa é promover os webstandards, pois conforme diz as boas práticas de web designing, teu conteúdo deve ser independente de estilos de formatação, ou seja, teu CSS funciona apenas como uma “roupa” para o site.

11º Encontro de Web Design em São Paulo

Neste sábado aconteceu em São Paulo o 11º Encontro de Web Design promovido pela Arteccom. Palestraram neste evento o César S. César da Hands, a Ludmila Rossi da Mkt Virtual, o Fábio Couto do Estúdio Colletivo e o André Matarazzo da Gringo.

Na média o evento foi bom, nada que realmente surpreendesse, mas deu pra sentir o mercado e reafirmar algumas verdades já bem conhecidas, como webdesigners que fazem um website em dois dias e coisas do gênero. O que mais gostei foi ver a palestra do Fábio (Colletivo), um cara tranquilo, boa gente e extremamente criativo, não só ele, mas toda a equipe.

Algumas impressões sobre tudo isso:

  • O celular irá fazer parte do futuro da web;
  • Blá blá blá blá, blá blá;
  • Os patrocinadores estão loucos pelo seu dinheiro;
  • A criatividade tem muito a ver com processos simples;
  • Agências pequenas e criativas fazem dinheiro e criam maravilhas na web;
  • Rio Preto é a melhor cidade do mundo.

Mais de 150 ícones na faixa para suas aplicações web

Mais de 150 ícones criados por Joseph North para você usar em seus projetos e aplicações web. São bonitos e leves, mas eu ainda recomendo que você crie os seus próprios caso possa fazê-los.

Faça o download direto do site do rapaz de bom coração

Vale o update: Achei esta lista com vários ícones free que anda em constante atualização.

Estética e Design

Design é design e estética é estética, simples a diferença, percebem? Hm?

Design é projeto, estética é o sentimento. Perceberam a diferença? Vou explicar melhor…

Quando uma pessoa olha pro site e diz: “Esse menu está feio, o design não ficou legal”, ela não está fazendo uma crítica ao design, mas sim à estética (o que é muito relativo, pois a percepção de beleza pra um pode não ser a mesma pra outro). Agora quando esta pessoa diz: “Não consigo achar o link pro contato, que droga isso… Está mal feito”, agora ela está criticando o projeto, a concepção, o design. Pegou?

E quando estas duas coisinhas andam juntas (amém), aí chamamos de “Apple”.