]]>

Quem leu isto também leu:

• Livros de teoria do Design
• Cores afetam a percepção de uma marca?
• 10 infográficos bonitos e bem-bolados

]]>

Um grid (ou malha) é um dos elementos fundamentais do design. O grid é, por natureza, o elemento mais ordenado do Desenho, sendo útil para inúmeros tipos de projeto.

Os grids surgiram com a proposta de serem uma ferramenta de ordem e arranjo de elentos visuais, uma forma estudada de se resolver visualmente uma composição e obter coesão no layout.

Cartaz de Josef Müller-Brockmann

Atualmente, alguns designers contestam o uso de Grids pois o consideram restritivo demais.

Uma definição

Mas enfim, o que é um grid?

Um grid é uma malha construída com diversos retângulos, usada para ordenar elementos gráficos. Segundo Derek Birdsall (apud Tondreau),

Os grids são os elementos mais mal compreendidos e mal-utilizados no layout de páginas. Um grid é útil apenas se for derivado do conteúdo que ele pretende tratar.

Ou seja, só podemos partir para a criação de um grid após termos definido o tipo de projeto que estamos trabalhando. O grid sempre é construído após termos definido o conceito do trabalho, afinal, “o conteúdo determina a estrutura que o grid terá” (TONDREAU, 2009).

As maiores vantagens de se usar grids em um trabalho é a clareza, organização e facilidade de distinção entre as diferentes informações contidas no layout (tanto na hora de criação pelo designer, quanto pelo usuário que consegue navegar com uma facilidade muito maior pelo trabalho).

Partes de um grid

A imagem abaixo ilustra um exemplo de grid:

Margens: espaços negativos entre a borda da página e a área do conteúdo. As margens exercem grande influencia sobre o conceito trabalhado no projeto, e por isso seu tamanho deve ser muito em estudado. Podem servir tanto como área de descanso para os olhos, como para chamar a atenção para o conteúdo que elas enquadram.

Linhas de fluxo: alinhamentos horizontais no espaço. Não são linhas visíveis, mas são usadas para guiar o sentido de leitura do usuário pela página.

Zonas especiais: grupos de módulos que formam campos distintos. Esses campos servem para informações específicas do projeto (imagens, publicidade, etc).

Módulos: cada pequena unidade que compõe a malha. São espaçados uniformemente e permitem inúmeras possibilidades de composição.

Marcador: elementos que auxiliam na navegação pelo documento, como número de página, título de seção, etc.

Coluna: áreas verticais que contém texto ou imagens. As colunas podem ter o mesmo tamanho ou tamanhos variados, dependendo da informação que está sendo trabalhada e dos elementos gráficos a se dispor no layout.

Tipos de grids

Os tipos mais comuns de grid são:

Grid de uma coluna: geralmente usado em textos corridos como relatórios e livros. O foco nesse tipo de grid é o texto.

Grid de duas colunas: pode ser utilziado quando temos grande volume de texto e precisamos apresentar conteúdos diferentes. As colunas podem ser iguais ou diferentes, dependendo do contexto.

Grid de múltiplas colunas: usualmente aplicados em sites e revistas, permitem uma flexibildiade muito maios que os anteriores. Combina colunas de larguras iguais ou diferentes (geralmente larguras diferentes).

Grids modulares: permitem um controle mais refinado em trabalhos com grande número de informações, como jornais, calendários, etc. São compostos por uma combinação de colunas, que organizam o conteúdo em porções pequenas de espaço.

Grids hierárquicos: estrutura organizada em zonas de hierarquia, muitas vezes compostas por colunas horizontais.

E você, utiliza grids em seus trabalhos? Ou também os considera restritivos demais?

Referências Bibliográficas

CARUSONE, Antonio. The grid system. Disponível em: http://www.thegridsystem.org/. Acesso em 18 de abril de 2012.

SAMARA, Timothy. Elementos do design: guia de estilo gráfico. Tradução Edson Furmankiewkiewicz – Porto Alegre: Bookman, 2010.

TONDREAU, Beth. Criar Grids: 100 fundamentos de layout.Tradução Luciano Cardinali – São Paulo: Editora Blucher, 2009.

Quem leu isto também leu:

• Infográfico de cor
• A metodologia do design e a filosofia – pt 3
• A metodologia do design e a filosofia – pt 2

]]>

4) Prototipagem – Estando sempre preparado para ajustar e adaptar

Prototipagem é a antecipação de cenários possíveis ou soluções que melhoram significativamente ou exponencialmente uma solução de concepção específica. Em certos casos, envolve a construção de protótipos de estudos hipotéticos para determinar novas maneiras em que um projeto de design já existente pode ser ajustado para oferecer soluções melhores e mais abrangentes. O desenvolvimento de softwares online open-source, tais como Linux, Eclipse, Apache e Mozilla são exemplos de protótipos publicamente documentados. Esses protótipos não são convencionais, mas são exemplos funcionais de software destinados à ajuda e melhoramento contínuo da nossa maneira de acessar a internet e experiência com computadores. Cada versão futura do design/software é baseado nas bases do modelo anterior.

O método mais popular de prototipagem no mundo do web design é o Protótipo de Modelo Visual (conhecido também como “website mock-ups” ou “mock-ups de sites”). Ele capta o design estético pretendido através de uma simulação de cor e aparência da idéia proposta sem incluir nenhum aspecto de funcionalidade do produto final. Há fortes debates na comunidade de design sobre a sua utilidade real e muitas vezes foi chamado atenção aos web designers para que façam mock-ups na marcação correta (por exemplo, não fazer no Photoshop e sim em CSS). Parece que está havendo uma mudança gradual em direção do Protótipo de Modelo Funcional – uma tentativa prática de simular o design final através de uma adesão estrita à estética e funcionalidade. De qualquer forma, o protótipo é uma ferramenta útil na filosofia do design para melhor conceituar como as idéias existentes podem ser expandidas e aplicadas para resolver uma ampla gama de problemas.

5) Trendspotting* – Mantendo-se atualizado

Tendências são uma parte inseparável da filosofia do design contemporâneo. Eles definem a complexidade artística e técnica de uma indústria e determinam se seu negócio está a par com os últimos desenvolvimentos no mundo do design. Um elemento frequentemente negligenciado na filosofia do design, o objetivo do trendspotting* é fazer anotações mentais de vários estilos estéticos / técnicos no design enquanto eles são incorporados nos seus projetos de design.

Tendências servem como uma base incrível para se criar idéias paralelas (spin-off). Elas incentivam a consistência criativa permitindo ao mesmo tempo que designers forcem as fronteiras destes estilos predominantes, na esperança de conseguir um projeto que é único e amplamente usado. Um exemplo deste fenômeno é o aumento do uso de elementos desenhados à mão no design. Desenhos feitos à mão estão rapidamente se tornando uma característica integral estética de muitos sites – é uma tendência crescente que incentiva designers a explorarem a beleza e flexibilidade da ilustração à mão livre.

(* – Trendspotting é a habilidade de identificar novas tendências)

Conclusões finais – Filosofia é sua amiga

Como designers, muitas vezes estamos mais interessados em aplicar novas idéias de design ao nosso trabalho do que em estudar a natureza de existência destes conceitos e como eles podem ser aplicados de forma construtiva. A filosofia do design é sobre analizar a prática metodológica do design em vez do design em si mesmo. Ela exige uma reformulação de todo o fluxo de projeto de trabalho de maneiras que permitem aos designers utilizarem melhor os recursos à sua disposição.

Espero que gostaram deste artigo tanto quanto eu gostei. Dúvidas ou complementações? Deixe um comentário.

Quem leu isto também leu:

• A metodologia do design e a filosofia – pt 2
• A metodologia do design e a filosofia – pt 1
• A importância de parceiros confiáveis

]]>

1) Pesquisa – A exploração completa do contexto do projeto

A pesquisa possuem uma similaridade com o processo de brainstorming mas com duas diferenças básicas. O brainstorming permite flexibilidade e um pensamento versátil – idéias aleatórias são geradas em rápida sucessão, com ênfase na quantidade e não qualidade. Ele também ajuda na criação de novos conceitos, em vez de um refinamento de idéias existentes.

A pesquisa, no entanto, é uma abordagem mais calculada, ideal para explorar o contexto de um problema de design. Envolve a análise cuidadosa do problema, pesando as limitação de um projeto particular. As restrições no design são os principais objetivos funcionais que o projeto em questão deve alcançar (o que poderia ser, obviamente, relacionados a demandas específicas de um cliente). Eles podem ser divididos em restrições negociáveis e não-negociáveis.

Por exemplo, ao projetar uma cadeira, haverá um conjunto específico de restrições que um designer teria que enfrentar. Em primeiro lugar, a cadeira precisa suportar determinada carga (peso) para satisfazer seus requisitos funcionais básicos (uma cadeira que quebra sobre a aplicação de um peso mínimo não é uma cadeira!). A “restrição de peso” de uma cadeira é inegociável, pois sem ele o projeto deixaria de ser funcional, não podendo assim fornecer uma solução adequada ao problema em mãos.

As restrições negociáveis na construção desta cadeira seriam itens que podem ser completamente modificados. Entre as restrições negociáveis estão o material usado, sua cor, o tipo de acabamento da madeira e outras qualidades estéticas intrínsecas, enfim, tudo que pode ser ajustado.

No caso de sites, essas restrições são categoricamente divididas em forma e função. Forma refere-se às qualidades estéticas de um site, que incluem seus elementos tipográficos, estrutura do layout e outros elementos visuais que compões as limitações negociáveis. As não-negociáveis no web design abordam o modo como um site funciona e como ele atende aos seus objetivos – a função. Se você está projetando um portfólio pessoal, o site deve estar equipado com algum tipo de galeria para mostrar seu trabalho; é uma restrição não-negociável que não pode ser negligenciada.

A pesquisa no design envolve uma “manipulação experimental” inteligente destas variáveis para satisfazer as restrições não-negociáveis e capitalizar inteiramente as negociáveis. A interação de um designer com as restrições de um projeto acontecem bem antes do próprio processo de design, durante sua fase de planejamento preliminar.

2) Redefinição – Moldando seu plano proposto do projeto

Uma vez identificado o problema do projeto e observado suas restrições negociáveis e não-negociáveis, é fundamental aprofundar as informações / especificações da solução do projeto para garantir que o conceito do design é adequado aos padrões e especificações da indústria. No mundo do web design, muitas vezes aderimos aos mark-ups limpos, lógicos e concisos e uma clara separação de estilo do conteúdo através do CSS. Estes são os padrões estabelecidos da indústria que deverão ser cumpridas antes do site ser considerado totalmente funcional e interoperável em vários navegadores.

A fase de redefinição no entanto nunca deve resultar em uma mudança drástica dos objetivos principais de um site, pois é um processo que visa transformar uma idéia do projeto em uma solução mais prática, aplicável e “industry-friendly“ (dentro dos padrões da indústria) ao problema apresentado. A velocidade, manutenção e acessibilidade de um site são muito dependentes de como uma idéia de um projeto é redefinida.

3) Gestão – Garantindo a continuidade

Bons conceitos de design (especialmente no caso de sites), muitas vezes resistem ao teste do tempo – eles permanecem na moda e são funcionalmente confiáveis, mesmo em períodos de progresso técnico / estético elevado. O Google é talvez um dos maiores exemplos de como um projeto pode manter uma continuidade ao longo do tempo. Eles tem mantido um layout visual coerente e efetivo com o passar de mais de 10 anos. O logotipo do Google também evoluiu levemente para refletir o uso maior de white space (o espaço em branco) – uma tendência do design contemporâneo que garante a legibilidade de um site. A continuidade de um projeto só pode ser verificado através da gestão adequada de como um design se desenvolve e amadurece ao longo dos anos.

Um aspecto central da gestão do design está na capacidade de re-design. Não é incomum sites sofrerem diversas mudanças no espaço de 5 a 8 anos (veja o caso do Design Blog!). Redesenhar, entretanto, não se refere a revisões drásticas, mas upgrades graduais do aspecto estético de um site e como ele funciona (popularmente definido como “realinhamento”). Para gerenciar um projeto, deve se adotar uma sensibilidade aguçada para tecnologias atualizadas e novas metodologias do design. Ter a habilidade de atualizar o sistema de gerenciamento de conteúdo (CMS – Content Managment System) de um site afim de providenciar mais funcionalidades (como um catálogo detalhado e compreensível de artigos de um blog) é um bom exemplo de gestão de design eficiente. O objetivo final, porém, é garantir que o design do site degrade graciosamente ao longo do tempo, sem parecer incoerente ou fora de sincronia com as minúcias do design moderno.

No próximo artigo, vamos falar sobre os 2 sub-componentes finais e concluir nossa série de artigos sobre “Filosofia e Design”. Fique ligado!

Leia aqui a parte 3

Quem leu isto também leu:

• A metodologia do design e a filosofia – pt 3
• A metodologia do design e a filosofia – pt 1
• A importância de parceiros confiáveis

]]>

Como profissionais da área de criação, estamos em uma jornada perpétua para achar meios e caminhos para melhorar nosso conhecimento da indústria do design. Um campo que demanda novas idéias que sejam práticas, originais e impressionantes. Mais do que nunca, damos atenção exclusiva a especificidades tradicionais dentro de algum campo do design, tais como princípios e tendências estéticas, elementos tipográficos e várias outras funcionalidades. Embora estas facetas do processo do design sejam inegávelmente cruciais, está na hora dos designers darem um passo para trás para entenderem e absorverem inteiramente a estrutura do processo de design e sua subsequente aplicação na indústria.

Neste artigo, vou explorar os conceitos introdutórios que envolvem uma compreensão do design de um ponto de vista filosófico. Ou, para ser mais específico, como que podemos notar o design à nossa volta e aplicar ele a nossos experimentos pessoais e comerciais. De uma maneira, a filosofia no design é sobre o desenvolvimento de uma compreensão de como o design funciona dentro dos confins do dia-a-dia.

Sufocando o medo – filosofia não é algo complicado

O termo “filosofia” gera muitas vezes um certo desconforto a muitos profissionais dentro da indústria criativa, um sentimento que eu também compartilho. Há uma tendência geral de associar filosofia com a noção de uma complexidade desnecessária e abstracionismo. Isto, no entanto, é uma avaliação incorreta da filosofia.

Irônicamente, filosofia é sobre retornar aos básicos fundamentais de um assunto (no caso, o design). Na verdade, a filosofia no design esforça-se para examinar o projeto em seu estado mais puro, sem noções preconcebidas ou subjetividades.

Explicando a semântica: o que significa “filosofia do design”?

É de vital importância estabelecer primeiro uma definição estável do que a filosofia do design realmente é. A interpretação mais comum da filosofia do design, pelo menos dentro do web design, diz respeito á abordagem do design. Isto inclui os suspeitos tradicionais como o “minimalismo” e “design orientado ao usuário” (“user-oriented design”). No entanto, estas definições são específicas demais para o propósito deste artigo. Eu adotei um conceito mais generalizado da filosofia do design.

A filosofia do design é uma exanimação do planejamento estrutural envolvido na criação de qualquer objeto / arte que possui uma função particular dentro dos domínios da nossa vida quotidiana.

No mais amplo de generalizações, o planejamento estrutural de um projeto refere-se à identificação de problemas no design e a elaboração de propostas de soluções funcionais para estes problemas, de uma forma que seja mais eficiente para os objetivos do projeto.

Existem 5 sub-componentes centrais na filosofia do design – pesquisa, redefinição, gestão, prototipagem e trend spotting. Vou dar uma definição de cada área para apresentar a você uma compreensão mais holística de como a filosofia do design opera dentro da indústria do web design no próximo artigo. Fique ligado!

Leia aqui a parte 2

Quem leu isto também leu:

• A metodologia do design e a filosofia – pt 3
• A metodologia do design e a filosofia – pt 2
• A importância de parceiros confiáveis

]]>

Quem leu isto também leu:

• Sucesso e fracasso público de logos redesenhados
• Infográfico de cor
• Grids: O que são e para que servem

]]>

Muitos clientes não entendem o que estão fazendo quando eles contratam um designer. Está na hora de acabar com isto. Vamos listar aqui algumas informações importantes para conhecer o que designers oferecem!

Se você é Designer: mande este texto para o seu cliente antes de fechar o contrato, para ter certeza que vocês não irão se desentender depois.

Se você é um cliente: leia com carinho para conhecer o que nós oferecemos e ter certeza que está com as expectativas corretas sobre o nosso trabalho!

Para facilitar vou contar os 3 equívocos mais comuns ao contratar um designer! Ou seja: o que nós não fazemos.

1. Não fazemos coisas bonitas

Beleza não é o nosso foco. Nosso foco é a comunicação!

Quem cria coisas bonitas são os artistas: pintores e desenhistas, por exemplo. Eles trabalham com a estética e a beleza.

Já o designer trabalha com a comunicação visual. Nem todo designer sabe ou precisa saber desenhar pois o nosso trabalho é passar uma mensagem usando a diagramação de informações e formas.

Nós somos mais como engenheiros das formas: sempre pensando nesta forma de acordo com a sua função.

Curiosidade: A palavra Design, na língua portuguesa, muitas vezes é confundida por “desenho”. Você sabia que na realidade o seu significado é projeto?

Se você quer uma ilustração bonita procure um Ilustrador, não um Designer.

2. Não criamos o que você imaginou

Não sabemos ler mentes.

Alguns clientes nos contratam e depois dizem que “não fizemos aquilo que ele imaginou”. Quando isso acontece ficamos muito tristes pois materializar as ideias prontas de outras pessoas não é o nosso trabalho.

Se você já passou pela fase de planejamento e decidiu como você quer que seja conduzido o seu projeto sugerimos procurar alguém que saiba utilizar as ferramentas necessárias para a execução (o Photoshop, por exemplo), e não um Designer.

Não tem problema se você quiser dar sugestões: se elas se encaixarem com o planejamento do projeto tenha certeza que iremos acatar as ideias. Mas fique ciente que suas sugestões são exatamente isso: sugestões.

Curiosiade: Definir as cores, as formas e as características a serem usadas no Projeto faz parte do trabalho do Designer.

Se você quer decidir como o projeto deve ser realizado procure um profissional na ferramenta necessária, não um Designer. 

3. Não criamos uma peça para que você goste

Uma peça de design é criada para se comunicar com o seu público, não com você. Por isso não é preciso que você goste, e sim que o seu público goste. Criamos Logotipos, Layouts para site e outras peças sempre pensando na mensagem a ser passada para o seu cliente.

Curiosidade: Nunca criaremos um logo, por exemplo, com a sua cor favorita ou o estilo que tem a ver com o seu gosto pessoal.

O que fazemos

Então, para resumir, o que um Designer faz?

Nós juntamos forma e função para que, ao contrário da arte, uma mensagem comercial seja passada e um objetivo seja cumprido.

Estamos ao seu lado para ajudar com que a sua empresa ou marca pessoal tragam resultados.

Quem leu isto também leu:

• Como contratar um designer?
• Um espaço para designers brasileiros
• Regulamentar a profissão de designer – sim ou não?

]]>

Quem leu isto também leu:

• Teoria básica do design – Direção, posição e espaço
• Teoria básica do design – Gravidade
• Teoria básica do Design – Formato, tamanho e textura

]]>

O que é?

É uma comunidade restrita onde todo designer precisa ser aprovado para poder participar. Lá, o designer pode fazer o upload de alguns dos seus melhores trabalhos e fornecer seus dados para contato.

O sistema é feito para que clientes em potencial encontrem facilmente designers de sua preferência; seja um designer gráfico, web, de produto, ilustrador, diretor de arte, etc. O cliente pode optar por procurar um freelancer ou alguém pra contratar, além de buscar por cidade ou estado. Ao encontrar o profissional, o cliente pode entrar diretamente em contato com ele sem intermédio e sem cadastro na Comunidade.

Sim, é simples. Essa é a idéia. O diferencial está em como um designer é aprovado para poder se cadastrar na comunidade.

Como eu faço para participar da Comunidade?

Inicialmente, estamos apenas selecionando os designers mais interessantes para participarem da versão beta da Comunidade Design Blog.

O processo de seleção funciona da seguinte maneira:

• Qualquer profissional das áreas criativas pode participar: designers gráficos, web, de moda, illustradores, publicitários, fotógrafos, etc
• O profissional (você), acessa a página temporária da Comunidade Design Blog, preenche os campos de e-mail e endereço do portfólio no final da página
• Entre os dias 6 a 10 de fevereiro (as datas podem mudar!), uma equipe dedicada irá avaliar os projetos dos cadastrados e dar notas baseados em critérios pré-estabelecidos.
• Os que atingirem uma nota média vão receber um convite via e-mail para completar o cadastro na Comunidade

Será uma comunidade restrita, onde todos precisam ser aprovados para participarem afim de garantir um alto grau de qualidade entre os profissionais lá presentes.

Além disto, ainda teremos os “designers verificados” – são designers que são aprovados e recebem nossa confiança total por prestarem um serviço de qualidade. O processo para selecionar estes designers está sendo avaliado no momento, mas os que foram escolhidos receberão um selo especial nas suas páginas de perfil.

E quanto custa tudo isto?

É tudo de graça. Não vamos cobrar dos profissionais que tiverem conta na Comunidade e nem dos clientes em potencial para procurar os profissionais. Os clientes terão contato direto com os profissionais e não iremos intermediar nada.

Quando será a data de lançamento?

A princípio, dia 12 de fevereiro. Mas a data pode ser alterada, dependendo dos bugs que encontrarmos no sistema. Então fique ligado no nosso Twitter para mais informações.

Como faço para participar da versão beta?

Corre lá pra página da Comunidade Design Blog e preencha seus dados. Depois, basta ter paciência. Se tivermos muitos participantes, o processo para selecionar os escolhidos pode ser mais demorado.

E se você não for selecionado de primeira, não se preocupe! Re-abriremos as inscrições após o lançamento do site onde você pode tentar novamente.

Quem leu isto também leu:

• Como conseguir emprego de designer
• Regulamentar a profissão de designer – sim ou não?
• Mega sorteio Design Blog e Adobe!

]]>

Quem leu isto também leu:

• Como diagramar uma revista – parte 4
• Como diagramar uma revista? – parte 3
• Como diagramar uma revista? – parte 2