Archive for the 'Design' Category

Typographics

por: Rafael Dourado - 15/06/2007

Enquanto não rola um tempinho para um post autoral, fiquem com este excelente vídeo dos estudantes Boca e Ryan Uhrich do VFS que ensina o básico sobre tipografia. Ótimo para quem acha que tipografia é só a escolha da melhor fonte.

Por falar em tipografia, se você já leu Elementos do Estilo Tipográfico – bastante recomendado por estes designers – pode até não aprender nada novo no vídeo, mas já dá para saber como aplicar os conceitos do livro na web neste site feito por Richard Rutter e Steve Marshall.

Os 100 Melhores Tipos de Todos os Tempos

por: Rafael Dourado - 08/06/2007

Essa é a lista das 100 melhores fontes de todos os tempos segundo a revista FontShop.

No link tem a história de todas as fontes, mas, infelizmente, o conteúdo está em alemão. Ninguém está afim de traduzir pelo menos para o inglês não? Eu pedi pro Google, mas ele não conseguiu traduzir tudo.

Read the rest of this entry »

Complicando o simples

por: Rafael Dourado - 22/05/2007

Comparação entre símbolos informativos de banheiro

Vi no Ivo Gomes uma pesquisa feita pela Universidade de Arte e Design de Budapeste que testou o grau de reconhecimento de determinados símbolos em comparação a outros, identificando, assim, que símbolos eram mais facilmente (ou intuitivamente) reconhecidos. Todos eles se aplicam no cotidiano como sinalização de banheiros, telefones, restaurantes, balcão de informações ou proibido fumar.

Analisando os resultados pode-se perceber que símbolos mais simples sempre são mais facilmente reconhecidos. O de banheiro, por exemplo, quando tratado de forma mais literal, com silhuetas realistas, tornou-se quase irreconhecível em comparação ao tradicional. Claro que o tempo de existência dos símbolos tradicionais também influencia (eles foram desenhados entre 1974 e 1979), mas me parece que Alexandre Wollner nunca esteve tão certo.

Ah! Há uns meses eu e meus amigos que postam no Netlus fizemos um vídeo de uma situação ocorrida na Pizza Hut. A sinalização do banheiro feminino de “não jogue absorvente no vaso” estava dentro do banheiro masculino. Juro que passei uns 10 minutos (o álcool me deixa lento :D) sem saber em qual banheiro estava.

TOP 04 + 1

por: Chico Neto - 20/05/2007

Algumas horas de pesquisa resultaram neste pequeno texto. Ele oferece a você, leitor do Netlus, um TOP 04 + 1 com os seguintes sites:

01 | FOWA

Primeiro, este site é um exemplo belíssimo do uso da internet para a promoção de eventos. Neste caso, em especial, seus resultados. Um site assim serve como convite para apreciar a qualidade da programação. Não há, na minha imaginação, mídia mais adequada para tal ação de pós-venda. Traz prazer para pessoas que participaram do evento e poderam rememorar as idéias apresentadas. E para aqueles que não estiveram presente é uma ação simpática e motivação para participar da edição seguinte.

Para nós do Netlus, é mais que um exemplo de site. O FOWA apresentou o futuro dos WEB APPS. No site você pode fazer download das apresentações em PDF e MP3. Beleza!

02 | Gallery

O endereço traz uma ótima solução para quem procura um autêntico “open source” colaborativo para álbuns de fotos. O aplicativo, que já está na versão 2.2.1, traz várias opções de downloads: do dummie ao heavy user. Tem uma extensiva lista de módulos adicionais, que tornam possível até a exibição de vídeos, e ainda layouts temáticos. O site ainda possibilita uma demonstrações de todos conteúdos do Gallery. Sucesso total.

03 | Knoxville

A place called Knoxville. É (só) o site de município mais lindo que eu já vi. Uma incrível experiência de design ousado interagindo perfeitamente com uma aplicação dinâmica de conteúdos. Um chute no estômago de qualquer designer preguiçoso.

04 | PDF-MAGS

Gosta de revistas? Uh! Eu também. Os colegas de cotidiano sabem, inclusive, que estou vivendo a alegria de desenvolver a direção de arte e editoração eletrônica de uma nova publicação impressa chamada Seven. Passei os últimos dois meses mergulhado em pesquisas de design editorial. Vi revistas de vários países. E ontem, me deparei com este arquivo gigantecos de magazines disponíveis em PDF. O melhor é que a maioria deles é editora e voltado para designer. Que bonito. Que beleza. Que alegria.

+1 | Ninguém Merece

Camiseteria? Banca de Camisetas? Threadless? Que nada. O négocio são as camisetas [Ninguém Merece]. São só 30 peças de cada estampa. E o precinho? Só 30 reais. E uma estampa é melhor que a outra. Ok, o Blog está fora do ar. Se clicar na página inicial também da defeito. Mas as camisetas são super legais, e você ainda ajuda o amigo aqui. [riso]

Puto-que-os-pariu

por: Chico Neto - 19/05/2007

Puto-que-os-pariu. Puto-que-os-pariu. Puto-que-os-pariu.

5 Perguntas para 12 Designers

por: Rafael Dourado - 18/05/2007

Demorou, mas saiu. Fiquei na esperança de conseguir respostas de mais pessoas, mas não deu. Não tem problema. Os que responderam agradeço bastante e espero que esta listinha sirva de ajuda para outros que estão metidos nessa profissão que eu pelo menos sou apaixonado. A seqüência das respostas é quase aleatória, na tentativa de ser o mais democrático possível.

  1. Qual aspecto do design você mais prioriza?
  2. Que técnica utiliza com freqüência?
  3. Qual o tipo de letra preferido em seus projetos?
  4. Que livro de design considera obrigatório?
  5. Que site ou revista você lê diariamente?

1. Qual aspecto do design você mais prioriza?   voltar

As respostas se dividiram entre o aspecto comunicacional e a funcionalidade, com o Fred misturando os dois e falando em interação. Em todos deu para perceber que o foco no usuário é lei e que o deslumbramento tecnológico já cansou.

Dos que focaram em comunicação:

Simplicidade. Quando mais simples, menor a complicação, melhor usabilidade e acessibilidade. Diego Eis

Comunicação. Usar a comunicação certa para o receptor, que passe a mensagem certa do transmissor. Caetano Neto

Relevância. Design é o dress code de uma peça de comunicação. Se não estiver correto para o público, não vai agradar. Se não agradar, foi inútil. Pense no tiozão na balada: suas roupas podem ser boas, caras e na moda. Se não apelam para o conjunto de referências da galera, serão simplesmente ridículas. Luli Radfahrer

A interação entre as pessoas proporcionada pelo Design. Frederick Van Amstel

E os que focaram em funcionalidade, facilidade de uso e que usaram o bordão “equilíbrio entre forma e função” (o que não torna a sentença menos correta):

Usabilidade e Estética. Parece clichê, mas não dá muito para fugir disso quando se fala em Design. Já que seu conceito é o equilíbrio entre a beleza e funcionalidade, eu procuro sempre focar na beleza da interface sem agredir sua facilidade de uso. Rodrigo Muniz

O usuário (user centered design). Considerando que processo de design é o equilibrio entre forma e função, o objetivo final sempre é o usuário. Henrique Costa

Usabilidade. Para mim a estética, a organização das informações, o conteúdo, os recursos, todos têm que estar a favor da facilidade de uso do site por parte do usuário. Walmar Andrade

Design significa, antes de tudo, projeto. Algo que surge para suprir um objetivo claro. Portanto, design não é arte porque é forma visando função. Resumo da ópera: funcionalidade. Chico Neto

Acessibilidade e Usabilidade. Não tenho tantas habilidades com programas gráficos, mas sempre prezo pela facilidade de uso. Desde a faculdade estudo muito acessibilidade, fazendo testes com deficientes visuais inclusive. Design não é para poucos! Rafael Dourado, eu

Compatibilidade + Usabilidade. Marcelo Glacial

Design não é nada. Funcionalidade é tudo! Quando se trata de internet vejo como aspecto principal do design o êxito do usuário em encontrar o que ele procura, em alcançar o que deseja, enfim, o design tem que tornar possível o objetivo do site numa linguagem visual atraente. […] Tony Conde

A usabilidade como foco principal e busco usar o desenho como a melhor expressão artística do “foco” do trabalho. […] Thiago Bessa

2. Que técnica utiliza com freqüência?   voltar

Esta pergunta não foi específica de propósito. Obtive respostas bem interessantes focando na concepção do projeto e outras no seu desenvolvimento de fato. Para os que participaram, não dá para trabalhar com internet e ser preconceituoso nem prepotente, nem viver sem Photoshop. Mas viver sem o IE até que era uma boa.

Primeiro os que focaram na concepção do projeto:

Mente aberta: nunca assumo que sei NADA sobre um cliente, seu público, tendência ou tecnologia. Assim posso perguntar feito uma criança e, em vez de rotular, me fascino. Luli Radfahrer

Me colocar no lugar do usuário quando estou pensando ou mesmo projetando algo novo. Walmar Andrade

Uso da semiótica. Isto está aqui porque refere-se àquilo. E na composição dos trabalhos, vetores. Chico Neto

Etnografia virtual (fóruns de discussão etc), entrevistas, prototipação, testes com usuários… Frederick Van Amstel

Uso com freqüência a técnica de não usar nenhuma técnica e conseguir executar o que vejo que é necessário ao público do site e que também esteja ao gosto do meu cliente! Auehuaeh. Gosto de coisas simples. Estilo os menus dos celulares da nokia! Tony Conde

Mesclagem de algumas delas. A semiótica como principal, mas usando elementos do gestalt, usar a percepção visual como “arma” para prender a atenção do usuário, mas buscando sempre a criação de coisas úteis. “DIGA NÃO AO LIXO NA INTERNET”. Thiago Bessa

Os mais concentrados na execução dos trabalhos:

Image replacement. Seguida de perto pelo global reset hehehe. Mas esse último não conta, já que é padrão. Marcelo Glacial

Na codificação HTML tenho o costume de logo depois de começar o body inserir sempre o link de pular a navegação e ir direto para o conteúdo, ajuda para quem usa leitor de tela. No CSS é a já velha conhecida técnica * {margin:0; padding:0;} para zerar margin e pading de todos elementos para ter homogeneidade nos diversos browsers. Rodrigo Muniz

Técnica? CSS + HTML + JavaScript não obstrusivo, com um pouquinho de técnicas de acessibilidade e uma pitada de SEOHenrique Costa

Aqueles scripts que transformam o IE6 num browser um pouco melhor como o de :hover e o de png transparente. Rafael Dourado

Particularmente não gosto de usar o global reset. Não me incomodo com as pequenas diferenças entre os navegadores e acredito que fazer design para web é aceitar que o produto final é fluido, podendo ser personalizado, ter o tamanho do texto alterado, áreas bloqueadas etc.

Finalizando com os Visuais, “adobemente” falando:

No Photoshop uso freqüentemente o Filtro ‘Extrac‘ e a ‘Quick Mask‘ para aquela seleções cabeludas, literalmente (em caso de tirar o fundo de uma imagem na parte onde há pêlos). Rodrigo Muniz

Colagem, vetor e edição de foto. Caetano Neto

Gradientes e DropShandows dão uma aparência bem interessante. Não pode abusar para não se tornar muito carregado. Devem ser usados com um certo cuidado. Diego Eis

Degradês e vetorizações. Rafael Dourado

3. Qual o tipo de letra preferido em seus projetos?   voltar

Esta pergunta acabou gerando algumas dúvidas e alguns responderam somente em relação às fontes da web como Arial, Verdana e Georgia e outros que abriram mais para as fontes usadas na composição do layout. Minha intenção era mais para a segunda situação, mas ainda é válido saber quem prefere serifada ou sem serifa.

Título: Trebuchet MS. Textos: Verdana. Marcelo Glacial

A boa e velha Arial. Henrique Costa

Trebuchet MS. Frederick Van Amstel

Trebuchet MS e Verdana ou Trebuchet MS e Arial. Depende muito do comportamento que será atribuído ao texto. Tony Conde

Deu leitura, passou a idéia do site, é essa. Particularmente, estou numa fase mais de fontes com serifa… acho que só ver sites com fontes sem serifa, ajudou. Caetano Neto

Para texto, qualquer uma sem serifa que se encaixe no desenho do site, abusando bastante da Verdana e Tahoma. Para imagens, de acordo com o desenho. Thiago Bessa

Minha tipografia favorita é aquela que melhor dialogar com o projeto. Mas, pessoalmente, tenho apreço maior por famílias sem serifas com hastes robustas. Chico Neto

O que for relevante e adequado. Tem cliente com cara de Caslon, de Interstate, de Frutiger, de Bembo. Isso não tem nada a ver com a tipografia escolhida para o logo ou comunicação visual de um cliente, mas com o estado de espírito de seu público. Luli Radfarer

Arial nos textos, pois assim posso deixar o corpo do texto um pouco maior (Verdana grande é horrível). Em situações com uso de imagens vai depender do cliente, mas tenho uma maior afeição pela Frutiger e Helvetica. Rafael Dourado

Gosto muito de usar Verdana, Trebuchet MS e Lucida Grande para projetos que são realmente textos. Quando o texto vai em uma imagem ou os títulos serão imagem, gosto de usar HUMANIST. Normalmente uso letras sem serifa. Combinam mais com o ambiente de web. Entretanto, fica muito interessante o uso de letras com serifa. O site fica mais elegante. Mas deve ser usado com moderação e deve haver um cuidado extra ao combinar com letras sem serifa. Diego Eis

Na web costumava usar Verdana 10px ou 11px para parágrafos, mas com os monitores e resoluções cada vez maiores estou tentando me acostumar a usar Trebuchet MS 12px com line-height 140% para parágrafos e Georgia 28px para títulos, mas em algumas interfaces a Verdana ainda impera. Para impressos Georgia e Times New Roman ainda são imbatíveis e são figurinhas fáceis no meu CSS para impressão. Nos logotipos Helvetica e Tahoma caem bem. Rodrigo Muniz

Tipografia na web não importa muito, pois o usuário pode chavear os estilos. Walmar Andrade

Deixei a resposta do Walmar por último de propósito. Discordo dele, pois a quantidade de pessoas que chaveam os estilos é mínima, e por mais que ele tenha essa escolha não quer dizer que a primeira opção deva ser menos cuidadosa. Se entrar na conversa a composição do layout então nem se fala. Mestre Walmar, explique-se melhor. hehehe

4. Que livro de design considera obrigatório?   voltar

Excelentes dicas aqui. Steve Krug esteve em quase todos, só confirmando a alcunha de obrigatório. Engraçado foi a quantidade de livros sobre tipografia. Acho que em pouco tempo algumas das respostas da pergunta anterior mudarão.

Designing Interactions, Bill Moggridge Frederick Van Amstel

Elementos do Estilo Tipográfico de Robert Bringhurst. Diego Eis e eu concordo

O do Hollis, para história; o do Frutiger para iconografia; o do Bringhurst para tipografia… Um monte. O meu eu não recomendo mais: está muito velho. Tampouco recomendo os do Dondis e da Santaella, que não entenderam que design é comunicação e escrevem em chinês. A revista HOW tem livros introdutórios de primeira também. Luli Radfahrer

Atualmente, Pensar com Tipos. Chico Neto

Introdução à Análise da Imagem (Martine Joly): Aprender as ferramentas de design qualquer um aprende até lendo o help. Mas estudar semiótica é um divisor de águas. O livro faz muitas leituras de imagem é muito interessante como primeira leitura sobre semiótica.
Design Visual 50 Anos (Alexandre Wollner): Conheci esse livro por indicação do Chico Neto. Alexandre Wollner é só o primeiro designer brasileiro e ainda em atividade. Sua história de confunde com o desenvolvimento da profissão no país e é uma aula de técnicas de design e postura profissional. Ah! E ele tem um mau humor divertidíssimo. Rafael Dourado

Sou leitor compulsivo de monitor :) Mas acho que livros como Webwriting: Redação e Informação para a Web do Bruno Rodrigues e Não me faça pensar do Steve Krug são obrigatórios para qualquer profissional de webdesign, mesmo o primeiro não sendo focado em design. Rodrigo Muniz

Não me faça pensar! O livro é sobre Usabilidade mas acredito que hoje as pessoas precisam inverter a forma com que aprendem a fazer “design”. Primeiro é preciso entender que problemas de design se resolvem com o equilibrio entre a estética e a facilidade de uso. Muitos investem muito em estética e nada em “utilização”. Este livro todos deveriam ler! Henrique Costa. Walmar Andrade assina embaixo

Putz… Livro é difícil. Esse do Wollner que o Dourado citou é muito bom. Tô lendo o Design para Internet do Felipe Memória, tô gostando. Caetano Neto

Design para internet - Projetando a experiência perfeita / Felipe Memória. Tony Conde

Os clássicos, Memória, Nielsen, Steven.. (olha a intimidade.. hehe..) mas sempre lendo algo… movimentando sempre a mente… buscando novas referências para não cair na mesmice. Thiago Bessa

Não leio nenhum. O passo 5 explica o porquê. :) Marcelo Glacial

Tá bom, Glacial. Deixei por último para imendar com a desculpa. hehehe

5. Que site ou revista você lê diariamente?   voltar

Vale exportar o OPML do Netvibes? CSS Mania, CSS Remix, CSS Based, CSS Beauty, entre outra galerias. E os blogs específicos: Tableless, Revolução, Fator W, Bittbox, Shauninman e Mezzoblue. Marcelo Glacial

Tenho uns 50 feeds assinados e os leio todo santo dia. Conheço quem tem mais de 500, mas só passa a vista em todos e lê o que interessa. Eu tenho esses 50 e tento ler todos sem exceção quase todo dia. Mas recomendo os sites de todos os que responderam a esta pesquisa. :D Rafael Dourado

Google Reader vale? :) Revistas eu só dou uma olhada na Web Design, MTV e na Super Interessante quando vou na livraria rapidinho… É bem difícil um site de artigos e notícias que eu entre diariamente,
acho que só no Digg.com. Mas tenho outras dicas de sites que acompanho os feeds: Fator W do ex-gerente e amigo Walmar está cada dia melhor, A List Apart, A List Apart Brasil, Smashing Magazine, Ivo Gomes, Tá difícil, Tutoriais Photoshop
Para inspiração eles nunca falham: Web Creme, Open Web Design, CSS Mania e Logopond. Um boa busca no del.icio.us também resolve muita coisa. Rodrigo Muniz

Ai, pega a lista ali na home do meu Blog, deu preguiça :D Luli Radfahrer

Bartelme Design, The Art of Adam Betts, e tem um monte de outros aqui. Diego Eis

Tenho muitos blogs agregados no meu Bloglines Fredrick Van Amstel

São tantos… Nos meus feeds têm inúmeros sites. Nunca tive a curiosidade de ver ao certo quantos são. Nem tem como ver agora também, não estou no meu pc! Mas acho que tudo começa pelo www.google.com.br rs Tony Conde

Mais de 2 centenas de blogs e alguns livros que sempre estão por perto… Henrique Costa

Nossa, assino uns 200 feeds e leio todos diariamente logo pela manhã. Entre os nacionais, o que acho mais interessante é o de Silvio Meira. Walmar Andrade

Tenho acompanhado mais blogs ultimamente. Embora acredite que não seja o mais visitado aqui, vou colocar o Uailab. Caetano Neto

Além dos blogs mestres, bomabessa :), netlus, teoriaglacial e assino a revista web design. Ela é bem interessante, quando não atrasa 1 mês pra chegar é uma leitura boa e atual (a leitura, por que o site…). Thiago Bessa

Além do Netlus…?! Chico Neto

SIM, CHICO! ALÉM DO NETLUS!

Bom. Espero que tenha sido útil de alguma forma. Para mim foi. :D

Concurso de logomarca logotipo marca com prêmio de R$ 5.000,00

por: Saulo - 14/05/2007

Li na coluna Target do Diário do Nordeste de hoje que a Construtora Castelo Branco está fazendo um concurso para escolher sua nova logomarca logotipo marca. Poderão participar estudantes e profissionais das áreas afins e o prêmio para o ganhador será de R$ 5.000,00. Quem estiver interessado pode baixar o regulamento e a ficha de inscrição no site da construtora até o dia 30 de maio.

Update: Como foi bem observado pelo “mano” Camilo nos comentários e depois pelo companheiro Dourado, eu pequei ao usar a nomeclatura do jornal Diário do Nordeste e do próprio site da Construtora Castelo Branco e acabei chamando Marca de Logomarca e depois de Logotipo. O Chico Neto explica a confusão.

Acessibilidade. Siga essa idéia.

por: Rafael Dourado - 03/05/2007

Nos comentários da mini-pesquisa que estou fazendo, eu disse que uma das coisas que mais me preocupo no meu trabalho é com a acessibilidade. Testo contraste, tamanho de textos, possibilidade de aumentar os textos usando tanto o Firefox quanto o IE6 (o IE7 e o Opera têm zoom total, não somente textos), navegação por teclado etc.

Só um parêntese: aproveito para informar que estou esperando só mais algumas respostas da mini-pesquisa para publicar tudo.

Voltando… O CONADE está promovendo uma campanha para difundir o cuidado com a acessibilidade no país. Quem trabalha com comunicação, com pessoas, tem obrigação de levar em consideração as diferenças e necessidades de cada público. Essa história de “designer para poucos” não rola.

Abaixo está um vídeo da campanha e se quiser estudar mais sobre o assunto sugiro começar pelo site da Acessibilidade Brasil e brincar um pouco com o DaSilva.

Suckers

por: Rafael Dourado - 28/04/2007

Dolly is back!

Yahoo cria AOL copia

5 Perguntas para não-sei-quantos Designers

por: Rafael Dourado - 25/04/2007

A Smashing Magazine fez uma pesquisa com 35 designers gringos e conseguiu várias dicas e sugestões de grandes profissionais.

Resolvi fazer algo semelhante, mas brasuca. Se você é designer, basta responder 5 perguntinhas aqui nos comentários. Fique à vontade para divulgar o link do seu portfólio/blog/site também.

Enquanto isso, vou entrando em contato com outros para juntar mais sugestões e opiniões aqui no Netlus. Não defini um número certo de designers, pois não é certeza conseguir resposta de todos eles, mas vou publicando as que conseguir.

Lembrando que não estou priorizando designers de internet. Até “designer de sobrancelha” se quiser pode participar. :)

Perguntas:

  1. Qual aspecto do design você mais prioriza?
  2. Que técnica utiliza com freqüência?
  3. Qual o tipo de letra preferido em seus projetos?
  4. Que livro de design considera obrigatório?
  5. Que site ou revista você lê diariamente?

[Atualização]

Quem já respondeu:

  1. Glacial
  2. Henrique Costa Pereira
  3. Rodrigo Muniz
  4. Diego Eis
  5. Luli Radfahrer
  6. Caetano Neto
  7. Chico Neto
  8. Thiago Bessa
  9. Walmar Andrade
  10. Tony Conde
  11. Frederick van Amstel

Depois publicarei as respostas (algumas valiosas).