Choco la Design

Inspiração Tipográfica #32

Will — Tue, 07 Sep 2010 11:53:50 +0000

Olá meu querido chocólatra. A Inspiração Tipográfica de hoje é o alfabeto do Ira Batkova. Passeando pelo Behance esse trabalho foi o que mais chamou minha atenção, tanto pelo traços como pelos desenhos para formar as letras.

Delicie-se!

Ira Batkova

Inspiração Tipográfica #32 is a post from: Choco la Design

Caixas de Fósforos Alemãs

Aline Bottcher — Mon, 06 Sep 2010 17:18:06 +0000

No flickr do Shailesh Chavda tem um set pra lá de interessante sobre rótulos de caixa de fósforos alemães. A maioria dos rótulos é dos anos 60 e 70, inspirados no modernismo alemão e suíço. Confiram:

Caixas de Fósforos Alemãs is a post from: Choco la Design

Em um mundo perfeito…

Aline Bottcher — Fri, 03 Sep 2010 21:30:46 +0000

Gente! via twitter do @ideafixa eu descobri um tumblr muito legal! Ainda está no começo, são poucas peças e tals, mas é genial! Não vou falar mais nada, apenas mostrar as imagens! Divirtam-se!

Em um mundo perfeito… is a post from: Choco la Design

Diagramação – Elementos e Tipos de Grids

Cris Schiavenin — Fri, 03 Sep 2010 15:16:46 +0000

Hoje veremos um assunto muito importante para diagramadores, e também para designers, de como deixar páginas mais elaboradas e bem feitas, pois um dos segredos para um aspecto bom ou ruim de um texto em um layout é a diagramação, e hoje veremos sobre grid, seus elementos e tipos de grid, para você poder usá-los da melhor forma possível.

Grid

Diagramação é o ato de estruturar os elementos que irão compor o layout, de uma forma clara, de fácil entendimento e que também chame a atenção. Deve ser feito com uma aparência estética valiosa, pois a estética não é o mais importante em uma arte, mas ela é que a que causa o primeiro impacto, e assim deve ser feito o estudo de diagramação e grid para que a peça esteja totalmente usual.

Grid é a junção de todos os elementos visuais que estarão nessa peça gráfica para transmitir uma informação, conhecimento, sendo composto por conjuntos de “regras” como colunas e linhas, que funcionam como guias para a distribuição dos elementos visuais. Com a utilização do grid, existem muitas vantagens, como clareza e eficiência na transmissão de informação.

Elementos do Grid

Margens: são os espaços que sobram entre o limite do formato (tamanho da folha) e as áreas que serão usadas para a diagramação, como colunas e guias. Essa área é usada muito para colocar informações secundárias ou mesmo para área de descanso para os olhos.

Guia Horizontal: são faixas horizontais, que ajudam no alinhamento e estrutura o texto, a orientar os olhos na hora de escrever o texto e também é usada para criar pontos de partita ou pausas no texto, para ficar um aspecto mais criativo e diferente.

Colunas: são os alinhamentos verticais, que se cruzam com as guias horizontais, que criam divisões horizontais entre as margens. A quantidade e a largura delas depende muito de designer para designer, dependendo do tipo de trabalho ou quantidade de texto.

Modulos: são unidades individuais, como se fossem quadrados formados pela junção da coluna com a guia horizontal, e são separadas em espaços de tamanhos iguais, que repetidas por toda a página, criam colunas e faixas horizontais.

Zonas Espaciais: são um grupo de módulos, que formam um campo distinto. Cada zona espacial pode receber um tipo específico de informação, por exemplo uma foto, ou mesmo uma coluna com um texto mais importante.

Marcadores: Encontrados na parte externa, na margem, são os indicadores para textos secundários ou informações constantes, como cabeçalho, rodapé ou um elemento que ocupe sempre o mesmo lugar na página, como por exemplo, o nome do livro ou a página do mesmo.

Tipos de Grid

Retangular: É o grid mais simples. Tem a característica de acomodar um longo texto corrido, como um livro ou um texto científico. Esse tipo de grid causa um grande cansaço, por ser muito simples, e com isso deve-se criar algo diferente para criar um estímulo a leitura, como tamanho do tipo, do espaçamento ou da margem.

De Colunas: O grid de colunas é flexível e pode ser utilizado para separar diversos tipos de texto ou mesmo informação. Ele pode ser composto por grids diferentes, cada um destinado a um tipo de conteúdo, por exemplo, em um site cada grid pode ter um tipo diferente de menu e imagem.

Modular: É o grid de coluna com muitas guias horizontais, criando módulos. Esse tipo de grid é originário da Bauhaus e do Estilo Internacional suíço. Muito usado para informações tabulares, gráficos, formulários e diagramas. Ele possui muitas vantagens com relação aos outros : Simplicidade nos grids; Unificação de diversos tipos de conteúdo, como textos e fotos no mesmos módulos; Combinação de 1, 2 e 3 larguras modulares.

Hierárquico: No grid hierárquico, a largura das colunas e entrecolunas varia. A página da Internet é um exemplo de grid hierárquico. O conteúdo dinâmico da maioria dos sites e o redimensionamento das janelas exigem flexibilidade na largura e no comprimento, característica desse tipo de grid.

Diagramação – Elementos e Tipos de Grids is a post from: Choco la Design

Mais uma oportunidade para mostrar seu talento

Will — Thu, 02 Sep 2010 12:37:07 +0000

Existem diversas formas de divulgar seu trabalho, isso sem dúvida todos sabem e muitos utilizam. Mas que tal ter seu trabalho num Header (cabeçalho) de um blog de Design?

O nosso parceiro TimeDSG está promovendo um projeto onde todos podem participar e ajudar a deixar o blog mais bonito. Basta fazer um Header para o blog e enviar sua arte, e duas delas serão escolhidas para estarem no mesmo lugar que as ilustrações do André Zottich, Draco e CrisVector.

Quer ajudar? Então acesse o post do projeto clicando aqui ou na imagem acima.

Espero que a TimeDSG possa contar com sua colaboração.

Mais uma oportunidade para mostrar seu talento is a post from: Choco la Design

Inspiração Tipográfica #31

Will — Tue, 31 Aug 2010 13:26:21 +0000

Olha que coincidência maravilhosa, a inspiração tipográfica 31 caiu bem no dia 31. Uma bela forma de fechar o mês com chave de ouro!

Hoje você verá os trabalhos de: Bel Johnstone, Erik Erdokozi, Jergot Gotroch, Dan Neal, Matt Lyon, Steven Bonner e Sebastian Surroca.

Delicie-se!

Inspiração Tipográfica #31 is a post from: Choco la Design

Polaroid: a set

Aline Bottcher — Mon, 30 Aug 2010 17:49:27 +0000

Eu adoro polaroid. Quem não curte? Um modo instantâneo de ver fotos. Considere a não existência das máquinas digitais. A Polaroid possibilitava a revelação na hora da foto… e o mais legal de tudo era a expectativa do revelar, quando após bater a foto, saia um quadradinho preto e que aos poucos, como que por mágica, a imagem ia aparecendo.

Achei um set bem interessante no Flickr, de onde extraí algumas imagens e aqui é o maior grupo por lá sobre o estilo. Também pesquisei em outros lugares e no meio joguei umas que eu mesma tirei, mas utilizando uma mídia bem moderna: o iPhone, que tem um aplicativo que simula a polaroid. Hoje em dia, é difícil saber o que é original e o que não é…

Imagem da capa

Polaroid: a set is a post from: Choco la Design

Clientes do inferno…Urgh! #4

Clientes do Inferno — Mon, 30 Aug 2010 07:03:05 +0000

Mais uma semana de histórias vindas dos clientes mais difíceis que há por aí. A secção que nos diz que nem tudo é cor-de-rosa.

Partilhem as vossas histórias, enquanto isso, deixamos aqui algumas.

#1

Cliente: “Olá. Você cria logomarcas?”
Nós: “Sim. Do que precisa?”
Cliente: “Somos uma empresa de impressão de CDs, estamos querendo “re-estilizar” a nossa logomarca. Em que formatos você repassa para nós?”
Nós: “Posso passar em .Ai por exemplo”
Cliente: “É Corel?”
Nós: “Não é arquivo de Illustrator!”
Cliente: “ILUSTRATIONPHOTOSHOP!?”

#2

Á conversa com um cliente de uma empresa de eventos…

Cliente: “Olá, gostámos muito de trabalhar convosco e o site ficou fenomenal. Agora precisamos de uma newsletter semanal.”
Nós: “Ok. Marcamos uma reunião e dizem-nos que tipo de informação terá e nós mostraremos que aspecto poderá ter e como poderão alimentá-la.”
Cliente: “Hello?! Estão a falar com a (empresa X)! Nós fazemos “inventos”, não somos um restaurante!”
Nós: “Ahahahah (não deu para conter o riso)”

#3

Cliente: “Preciso de mais cartões.”
Nós: “Viu? Quando lhe disse que estava a mandar imprimir poucos não acreditou. Sai-lhe muito mais caro estar a fazer pouca quantidade de cada vez.”
Cliente: “É que não dá jeito nenhum andar com essas caixinhas todas atrás…!”
Nós: “…???”

#4

Cliente: “E personalização de viaturas com vinil? Vocês fazem?”
Nós: “Sim, claro.”
Cliente: “Então quero uma coisa que faça assim TCHÃÃÃ! Que toda a gente repare!!!”
Nós: “Muito bem. Tem alguma ideia?”
Cliente: “Mas quero que de noite possa tirar tudo e passe a ser um carro normal outra vez. Quando for para casa.”

#5

Num e-mail…

Nós: “Caríssimos clientes, informamos que de x dia a x dia estaremos de férias.”
Cliente: “Então e a minha brochura?”
Nós: “Continuamos à espera das imagens e dos textos, sem elas não podemos avançar. Se as enviar hoje tentaremos acabar antes de entrarmos de férias.”
Cliente: “Não as enviámos porque estamos de férias mas quando voltarmos queremos isso pronto!”
Nós: “Não sei o que lhe diga. Para terminar o trabalho precisamos desses elementos.”
Cliente: “Pois mas agora estamos de férias, não queremos pensar nessas coisas.”

Para ver mais histórias clique no banner acima.

Clientes do inferno…Urgh! #4 is a post from: Choco la Design

Cores, consumo, colagens: Pop Art

Emanuele Benvenutti — Fri, 27 Aug 2010 16:21:47 +0000

A Pop Art (termo criado por Lawrence Alloway, para designar os produtos da cultura popular) tem raízes do Dadaísmo (ainda não fiz um post sobre esse movimento, mas logo farei), e teve seu início no final da década de 1950. Alguns artistas dessa época começaram a estudar símbolos e produtos do mundo da propaganda e começaram a utilizar estes elementos como tema de suas obras. “Com o objetivo da crítica irônica do bombardeamento da sociedade pelos objetos de consumo, ela operava com signos estéticos massificados da publicidade, quadrinhos, ilustrações e designam, usando como materiais principais, tinta acrílica, ilustrações e designs, usando como materiais, usando como materiais principais, tinta acrílica, poliéster, látex, produtos com cores intensas, brilhantes e vibrantes, reproduzindo objetos do cotidiano em tamanho consideravelmente grande, transformando o real em hiper-real. Mas ao mesmo tempo que produzia a crítica, a Pop Art se apoiava e necessitava dos objetivos de consumo, nos quais se inspirava e muitas vezes o próprio aumento do consumo, como aconteceu por exemplo, com as Sopas Campbell, de Andy Warhol, um dos principais artistas da Pop Art. Além disso, muito do que era considerado brega, virou moda, e já que tanto o gosto, como a arte tem um determinado valor e significado conforme o contexto histórico em que se realiza, a Pop Art proporcionou a transformação do que era considerado vulgar, em refinado, e aproximou a arte das massas, desmitificando, já que se utilizava de objetos próprios delas, a arte para poucos.”*
Lembro que um dos meus primeiros trabalhos quando entrei na faculdade de design foi sobre esse movimento. Adorava as obras do Andy Warhlol. Acho a Pop Art fascinante! Lembro que na época existia uma polêmica sobre se Romero Britto era ou não um artista da Pop Art. E aí, o que vocês acham?

Roy Lichtenstein

Wayne Thiebaud

Yayoi Kusama

Peter Blake

Romero Britto

Andy Warhol

*http://www.historiadaarte.com.br/popart.html

Cores, consumo, colagens: Pop Art is a post from: Choco la Design

Processos de Impressão #5

Cris Schiavenin — Fri, 27 Aug 2010 12:05:52 +0000

Hoje veremos então outro Processo de Impressão de acordo com a matriz da Planografia, (onde a matriz é plana), falado no último post, e esse processo é um dos mais importantes do mundo, e um dos mais usados pelos Designers, pela sua alta qualidade, usado em quase todos os tipos de papéis e com a possibilidade de variadas tiragens, conhecido como Off-set.

Off-set

O sistema de off-set funciona com matrizes produzidas com as mesmas características da litografia e usando chapas de alumínio como meio de gravação e transferência de imagem. É o principal processo de impressão desde a segunda metade do século 20, e o mais usado no mundo, tanto para embalagens como para impressos, garantindo boa qualidade para médias e grandes tiragens e praticamente em qualquer tipo de papel e alguns tipos de plástico (especialmente o poliestireno).

O off-set faz uma impressão indireta: há um objeto entre a matriz e o papel, que é chamado de blanqueta. A imagem que está na matriz (que é metálica e é simplesmente chamada de chapa) é transferida para um cilindro coberto com borracha (a blanqueta) e, daí, para o papel. Em resumo: a matriz imprime a blanqueta e esta imprime o papel. Como mostra na imagem, cada “parte” da impressora possui somente uma cor, ou seja é impressa de cor em cor.

Na segunda metade dos anos 1990, o offset passou a contar com um aperfeiçoamento fundamental: as máquinas dotadas de sistemas CTP (computer-to-press), que permitem a entrada dos dados de arquivos digitais diretamente na impressora, onde é feita a gravação das chapas e dispensando fotolitos. Apesar de pouco adequado, esta modalidade do processo tem sido chamada de offset digital. Ele será abordado mais à frente, em tópico separado.

Há seis elementos básicos no mecanismo do offset: a chapa, a blanqueta, o suporte (seja papel ou outro), o cilindro de pressão (que pressiona o papel contra a blanqueta), a tinta e a água. A figura mostra, de maneira simplificada e assumindo uma vista lateral da impressora, a disposição destes seis elementos.

A chapa com tinta imprime a imagem na blanqueta e esta a transfere para o papel. A transferência é garantida porque o papel é pressionado contra a blanqueta graças ao cilindro de pressão. A blanqueta é o grande segredo da qualidade da impressão obtida: a imagem impressa no papel fica mais nítida porque a blanqueta trata de conter excessos de tinta; a chapa tem uma durabilidade maior porque seu contato direto é com a superfície mais flexível da borracha; finalmente, o papel resiste bem ao processo porque não tem contato direto nem com a umidade nem com a maior quantidade de tinta da chapa (por ser viscosa, a tinta tenderia a fazer o papel aderir à chapa, rasgando-a).

Embora possibilite uma excelente qualidade de impressão, o mecanismo como um todo é em realidade frágil. Ele é instável: são necessários reajustes freqüentes durante a impressão, para manter níveis adequados de tinta e umidade, tanto para evitar falhas e borrões quanto para manter a maior uniformidade possível nos tons das cores ao longo da tiragem.

Cuidados!

O excesso de carregamento da tinta, já citado anteriormente, leva à decalcagem: a imagem impressa numa folha mancha ou cola o verso da folha seguinte pelo excesso de tinta, que, como observado, é viscosa, O excesso de umidade, por sua vez, poderá atrasar a secagem dos impressos (especialmente em nosso clima, que é naturalmente úmido). Retirar o material da gráfica sem que ele esteja devidamente seco é garantia de decalcagern e, conseqüentemente, de perda da tiragem. Um bom operador e um bom acompanhamento gráfico, todavia, têm como evitar estes problemas.

Esse sistema dispõe de máquinas que produzem de 4.000 a 15.000 impressos por hora quando é impresso de folha a folha, e de 30.000 a 45.000 por hora quando é impresso através de papel em bobina, sendo essas impressoras chamadas de rotativas.

Achei um vídeo que mostra como produzir uma impressão no processo de Off-set.

Fonte: Livro
COLLARO, Antônio Celso
Produção Gráfica – arte e técnica da mídia impressa – pág. 138/139

VILLAS-BOAS, André
Produção Gráfica para Designers

Espero que tenham gostado do post!

Processos de Impressão #5 is a post from: Choco la Design