Princípios de forma e desenho, Wucius Wong

Um livro necessário na estante de todo designer. O autor explica de forma simples, direta e muito bem ilustrada os princípios de forma e desenho.

Novos fundamentos do design

Este livro é bem recente, nele os autores deixaram de lado a organização padrão de livros teóricos de design, pois além de explicar a teoria, todos os fundamentos são exemplificados por trabalhos de diversos profissionais. Ótima leitura.

Gestalt do objeto – Sistema de leitura visual da forma, João Gomes Filho

Na minha opinião, um dos melhores livros da Gestalt. Simples e direto, o autor da ótimos exemplos de como a Gestalt funciona e sua aplicação dentro do design (e de outras áreas também). Recomendo principalmente para os novatos na área.

A cor no processo criativo – Um estudo sobre a Bauhaus e a teoria de Goethe, Lilian Ried Miller Barros

Esse livro nasceu de uma dissertação de mestrado, e hoje é leitura obrigatória para qualquer designer que deseje entender a interferência da cor em  um projeto, seja ele gráfico ou tridimensional. De fácil linguajar, o livro conta com ótimas ilustrações que complementam a leitura e tornam o material ainda melhor.

Da cor a cor inexistente, Israel Pedrosa

Um verdadeiro clássico. Trata de diversas temáticas, e junto com o livro anterior formam uma combinação perfeita para quem precisa estudar sobre cor. Recomendadíssimo.

Série “Design Básico”, Bookman editora

A série Design básico é composta por 6 livros, cada um trata de um assunto específico: Formato, layout, Impressão & Acabamento, Grids, Imagem, Cor. Os livros contam com textos simples e diretos e dezenas de trabalhos de diversos designers para exemplificar conceitos, dicas e regras. Uma ótima coleção para qualquer designer.

Sintaxe da Linguagem Visual, Donis A. Dondis

Este livro tem como objetivo ensinar ao estudante as artes correlacionadas na comunicação visual. O tema é apresentado não como uma língua estrangeira, mas como uma língua nativa que o estudante “sabe”, mas na qual ainda não consegue “ler”. Esta analogia proporciona um método de ensino útil, em parte por não ser elaborada em demasia ou aplicada com excessivo rigor. (Descrição da Editora Saraiva, livro recomendado por Talison Marafiga).

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Sorteio – Tide Hellmeister, Inquieta Colagem
• Teoria básica do Design – Formato, tamanho e textura
• Podcast edição 07 – Teoria da Cor, parte 2

Como saber quais cores que você deve usar no seu projeto? Quais cuidados que se deve tomar ao escolher uma cor? Que softwares, plugins ou apps que te ajudam na hora de aplicar a teoria da cor? Essas e outras perguntas respondidas no podcast.

Ainda não escutou a primeira parte do podcast de Teoria da Cor? Escute aqui – Teoria da Cor, parte 1.

Links comentados neste podcast:

• Formulas matemáticas para um design perfeito
• App para Android – MyPantone
• App para iPhone – MyPantone
• Extensão para Firefox – Colorblind Simulator (simula daltonismo)
• Software para Mac OS X – Sim Daltonism (simula daltonismo)
• Verificador de contraste online
• Site: Adobe Kuler
• Site: Colour Lovers
• Livro: “Cor (Coleção Design Básico)” – Ambrose & Harris
• Livro: “Produção gráfica para designers” – Villas-Boas
• Livro: “Da cor à cor inexistente” – Pedrosa

Agradecimentos a Thallez Melo pela capa do podcast.

Download do podcast

Este episódio tem 26:04 de duração, pesa aproximadamente 19mb (formato MP3) e está em qualidade de 96kbps.

• Link direto para o download
• Feed exclusivo do podcast
• Link para o iTunes

Escute o podcast online, clicando no botão de “play” abaixo:

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Podcast edição 06 – Teoria da Cor, parte 1
• Livros de teoria do Design
• Design Blog Podcast – Episódio 05

O que são cores primárias? E secundárias? Quais são? O que é um círculo cromático? Qual a diferença entre RGB e CMYK? Por que a mulher consegue notar mais tons de cores do que homens? Tudo isto e muito mais na primeira parte teórica deste podcast. A segunda parte será a prática, que ensinaremos que cores usar em quais situações e muito mais.

Links comentados neste podcast:

• Color in Motion
• O que é Pantone?
• O que é CMYK?
• Podcast do DS – UNITEDcast
• Portfólio do DS

Agradecimentos a Thallez Melo pela capa do podcast.

Download do podcast

Este episódio tem 43:58 de duração, pesa aproximadamente 31mb (formato MP3) e está em qualidade de 96kbps.

• Link direto para o download
• Feed exclusivo do podcast
• Link para o iTunes

Escute o podcast online, clicando no botão abaixo:

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Podcast edição 07 – Teoria da Cor, parte 2
• Livros de teoria do Design
• Design Blog Podcast – Episódio 05

A primeira vez que ouvi sobre este princípio foi em um episódio da série de humor médica “Scrubs“. Assim que explicaram o que era a Navalha de Occam, imediatamente pensei que poderia ser aplicada ao design. Deixei anotado para escrever um artigo sobre isto, e tempos depois vi que Chris McConnell escreveu sobre a exata mesma coisa neste artigo do Webdesigner Depot.

Mesmo assim, decidi escrever este artigo para dar a minha visão e meus exemplos referentes a esse princípio aplicado ao design.

Mas afinal de contas, o que é a Navalha de Occam?

A expressão latina Lex Pasimoniae (Lei da Parcimônia) é usada para expressar o princípio de Occam. Em latin, diz-se: “entia non sunt multiplicanda praeter necessitatem“. Traduzindo, “as entidades não devem ser multiplicadas além da necessidade“.

Existem discussões quanto ao significado do princípio de Occam, mas a popularmente aceita é que “a maneira mais fácil de fazer algo é geralmente a melhor maneira de fazê-la“. Ou seja, quanto mais simples, melhor.

Como que a Navalha de Occam pode ser aplicada ao design?

Essa pergunta é simples de responder: através da simplicidade.

Um dos melhores exemplos de simplicidade atualmente é o Twitter. Tudo nele é simples: o cadastro, o acesso e o objetivo. Não dá pra subir imagens ou vídeos, não dá pra ter configurações complexas do seu perfil, não dá pra se juntar a comunidades, etc.

Simplicidade.

A simplicidade do Twitter chega a ser assustadora – é por isto que muitos usuários (especialmente os que estão vindo do Facebook ou Orkut) sentem um vazio na nova rede social e abandonam-a em poucos dias.

Além disto, a Navalha de Occam tem sido usado bastante na web mesmo que inconscientemente. Designers de renome sempre defendem o “Princípio KISS” (em português, erroneamente traduzido como “Princípio do beijo“); “Keep It Simple, Stupid” – “Mantenha-o simples, bobão“, que é apenas uma versão adaptada do de Occam. Steve Krug escreveu um livro inteiro sobre isto; “Não Me Faça Pensar” é uma leitura obrigatória a qualquer um que trabalhe com design, especificamente web design.

Navalha de Occam versus Minimalismo

Existe uma grande diferença entre a aplicação de Occam ao design e o minimalismo. Se algo é simples, não quer dizer que ele precisa ser minimalista. Como exemplo, cito novamente o Twitter. A interface dele é longe de ser minimalista, mas não deixa de ser simples.

Outro exemplo é o site do WordPress. Ele é simples e intuitivo. A maioria das pessoas que acessam o site deles querem fazer logo o download do WordPress, logo o web designer decidiu destacar onde fazer o download.

Difícil não saber como fazer o download.

Design gráfico simples

O que realmente importa na peça? É o nome da empresa? É o produto? É o nome do evento? É a data, valor ou local dele?

Além de saber o conteúdo da peça que você está criando, você também precisa levar em conta o que é que você está criando. É um outdoor? Então a mensagem tem que ser direta – algo que você consegue ler e compreender em até 8 segundos. É um flyer? Precisa ter as informações importantes – nada de “história da empresa”.

Simplificar pode parecer uma tarefa difícil, ainda mais quando é necessário colocar muitas informações em um lugar só. Para isto, basta dividir. Anote tudo em um papel e decida se você pode rearranjar as informações.

Um folder insititucional, por exemplo, não precisa ter os dados completos de todos da equipe na área principal. Você pode optar por escrever isto no final do folder, ou (até melhor) deixar para colocar no site. Pense: o que você precisa que o cliente faça? Agora elimine tudo aquilo que fica entre seu cliente e o objetivo final.

Veja o exemplo do cartaz abaixo. Ele poderia estar escrito: “O evento é as 20:00 do dia 20 de Junho de 2011. O valor de entrada para este evento é de $5.00″. No entanto, o designer colocou apenas os dados “8:00 pm” (aceito como horário de início), “20 Junho” (que só pode ser a data do evento” e “$ 5.00″ que é o valor da entrada. Simples.

Um cartaz simples e objetivo.

Web design simples

Krug fala bastante sobre “mostrar ao usuário qual o próximo passo que ele deve dar“. Se um usuário já não sabe o que quer, dê algo pra ele fazer. Se a navegação for muito complexa ou se a imagem de fundo distrair o leitor, simplifique.

“Na arquitetura, um design bacana não deve comprometer a força da estrutura ou dificultar o acesso do ponto A ao ponto B. No web design não deveria ser diferente: um layout bem bolado não deve comprometer a mensagem que você quer repassar ou fazer com que o usuário se perca ao ir da página A a página B do seu site”, escreve McConnell.

Se o seu site tem objetivos especificos (como fazer com que o usuário contrate algum plano), deve-se antecipar e eliminar os obstáculos durante a fase inicial do design. Não é incomum de ver designers criarem algo legal sem antes descobrir se o que ele fez ajuda ou atrapalha ao objetivo inicial daquele site.

Onde mais posso aplicar a Navalha de Occam?

Em qualquer lugar. Qualquer mesmo. Nem precisa ser exclusivamente no design. Mas já que esse é um blog sobre isto, algumas dicas:

• Código limpo; mesmo se só você for trabalhar naquele site, é muito mais fácil você simplificar o seu código e deixar ele organizado do que passar horas tentando descobrir o que você tinha feito anteriormente.
• Menu de fácil acesso; não invente moda de fazer o menu aparecer apenas uma vez a cada 20 segundos na tela. Menu no topo ou na lateral – é onde qualquer pessoa vai procurar.
• Foque no que realmente importa; se o objetivo é fazer alguém se cadastrar no seu site, não faça um formulário quilométrico pedindo informações absurdas.
• Simplifique

E um último conselho: Uma mensagem simples será entendida melhor do que uma complicada.

Bibliografia: Wikipedia, Webdesigner Depot, 3.7 Designs, Webdesign from scratch

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Regulamentar a profissão de designer – sim ou não?
• Mega sorteio Design Blog e Adobe!
• Design Blog Podcast – Episódio 04

Criatividade não existe no vácuo

O problema da criatividade é que ela não pode existir sem uma base, ponto de início ou gatilho. Em outras palavras, você não vai poder criar uma solução ou um projeto se você não configurar os limites primeiro. Um bom briefing ou uma estratégia de criação é sempre necessária para começar a rolar a bola, deixando todo mundo com ânimo. Por isso acredito que nada é melhor do que a liberdade que vem com um bom briefing. O truque aqui é ter certeza que os parâmetros estão configurados para serem bem abrangentes a ponto de permitir um espaço maior para manobras.

Criatividade é gratuíta, o valor está no trabalho

Acredito que todo mundo é criativo a sua maneira. Dadas as condições e estímulos corretos, boas idéias podem surgir. Por isso que acredito que idéias são fáceis de serem tidas, já que qualquer um pode ter uma – muitas vezes sem esforço. O problema é converter de forma criativa uma idéia em realidade. Esta é a parte difícil. Tão difícil que paga se bem para fazer direito. O “esboço genial” é um mito urbano, os verdadeiros heróis são os designers nas trincheiras que se tocam disto e fazem acontecer.

Boa criatividade é compartilhada

Uma coisa boa sobre a criatividade é que uma idéia pode crescer e se tornar uma idéia mais poderosa se ela for compartilhada. Compartilhar suas idéias com outras pessoas realmente funciona. Sempre olho com tristeza para pessoas de mente fechada que se recusam a compartilhar com outros ou estudantes de design se fechando. Eles não sabem o que estão perdendo. Isto remete ao ponto anterior: idéias são baratas, a chave está na execução.

Criatividade pode ser adotada

Exerça a criatividade diáriamenteSe você quer ser melhor em ser criativo, você pode. Você só precisa do conhecimento e da prática. Quando você inicia no mundo do design, ter um bloqueio criativo é comum. As vezes, não importa o quanto você tente, você simplesmente não consegue acertar um design ou tirá-lo de sua cabeça para colocar no papel. Uma pequena parte disto é auto-confiança, mas tudo se resolve com prática. Quando você fica melhor no design ou quando você exerce sua criatividade de forma mais frequente, a própria criatividade parece fluir melhor. Entrar no estado mental da criação também ajuda manter você em forma. No final do dia, você precisa exercer sua criatividade direto e você nunca estará preso.

Criatividade não é design

Noto que algumas pessoas olham a um produto ou peça artística e dizem “até eu poderia fazer isto” sem notar o quão ingênuos estão sendo. Geralmente respondo com “e por que não fez?”. Tá aí, enquanto a criatividade é um pré-requisito para ser designer, ser criativo não é ser um bom designer. Existem vários elementos que precisam ser misturados para se tornar um bom designer. Alguns destes elementos são treinamento apropriado, saber contar histórias, relacionamento com outras pessoas, pensamento analítico, habilidade de sintetizar idéias, perseverança, etc. A lista continua e sei que você pode sugerir outras. Ser criativo é um bom começo, mas nunca ouvi de um designer famoso que fosse criativo e preguiçoso.

Fonte: Yanko Design (Traduzido por Canha) – Foto.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Livros de teoria do Design
• Tabela de preços de design
• 5 dicas para criar um logo eficaz

Bom design é inovador

Pense sempre “fora da caixa”. É possível re-inventar a roda e fazer algo totalmente diferente. Veja a lâmpada. Embora seja um objeto super comum, os designers pensaram em um jeito divertido de recriá-la.

Bom design faz um produto ser útil

De nada adianta fazer algo super bem bolado se ele não for útil. Um exemplo é o relógio. É algo que não precisa de muito mais inovação (quantas formas diferentes há de mostrar a hora?) mas pode ser refeito para ser útil a algum campo específico. Por exemplo, um relógio para esportistas que, no calor do esporte, só podem olhar rapidamente para seu pulso.

Bom design é estético

De acordo com a Wikipedia, “(a estética) estuda o julgamento e a percepção do que é considerado belo, a produção das emoções pelos fenômenos estéticos, bem como as diferentes formas de arte e do trabalho artístico; a idéia de obra de arte e de criação; a relação entre matérias e formas nas artes.”. Na câmera portátil abaixo, a estética permite que destros e canhotos possam usar o aparelho sem problema.

Bom design nos ajuda a entender um produto

Um produto auto-explicativo sempre ajuda. Dá pra se conseguir este efeito usando de ícones. Veja, por exemplo, um DVD player qualquer. Os ícones são internacionalmente conhecidos. Seu uso, óbvio pra qualquer um que já tenha mexido com um aparelho eletrônico.

Bom design é discreto

Quem vê, talvez não note que a imagem abaixo é na verdade um computador. Ele é óbvio a quem o usa, mas discreto a quem não precisa ver ele. Por exemplo, coloque esse Mac Mini na sala de reuniões, acoplado a um monitor e teclado / mouse. A caixinha que é o computador vai ficar bem discreta em um canto, sem atrapalhar.

Bom design é honesto

Não faça seu produto parecer que faz algo que não faz. Nunca engane o usuário.

Bom design é durável

Infelizmente, hoje em dia este é um dos princípios que é raramente utilizado. Tenho um toca-fitas de 1985 que funciona até hoje. Já o DVD player que compramos ano passado… Sim, alguns produtos mais caros até duram mais. Mas procure sempre fazer com que seu produto seja o mais durável possível.

Bom design se preocupa com os mínimos detalhes

Observe o ícone abaixo. Sim, é um ícone. Note a textura da ferrugem. Veja as engrenagens na “roda”. Consegue ver até os parafusos no olho? Pois é. São detalhes mínimos, mas que fazem toda a diferença.

Bom design se preocupa com o meio ambiente

Essa “onda” de “design verde” não é de agora. Dieter Rams se importava com a natureza desde os anos 60. Quando criar uma embalagem, por exemplo, tente reutilizar tudo possível. A embalagem abaixo faz um mínimo de cortes, reduzindo assim os restos de papel, além de utilizar papel reciclado na confecção.

Bom design é menos design

A célebre frase de Dieter Rams: “Weniger, aber besser“. Menos, porém melhor. É um dos princípios mais seguindos no mundo, inclusive por empresas famosas com a Apple. Rams passou anos revolucionando o design na Braun, criando produtos atemporais.

Nota: Nem todas as imagens aqui contidas são de Dieter Rams.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Livros de teoria do Design
• Regulamentar a profissão de designer – sim ou não?
• Mega sorteio Design Blog e Adobe!