Ana Marysa de Souza Santos

E-mail: amss.usp@gmail.com

PRODUÇÃO GRÁFICA

Bons exemplos de design

Fotografia

Erik Palmas

• Harmonia: A harmonia está na disposição dos ciclistas, que são os elementos principais da foto. Os ciclistas que estão juntos têm por semelhança, a bicicleta de duas rodas e praticamente o mesmo ritmo de corrida. Já o ciclista que utiliza um triciclo, está separado dos outros e tenta acelerar para alcançá-los.
  
• Equilíbrio: O equilíbrio encontra-se no posicionamento do fotógrafo diante da paisagem. Ao mesmo tempo que notamos a estrada, sabemos que ela fica entre planícies.
  
• Imagem vs. Fundo: Com a análise da paisagem podemos falar sobre a imagem vs. fundo, já que está bem clara a distinção entre o fundo, que conta com a estrada, as planícies, o rio e o céu, e o foco da foto, que é o ciclista de triciclo.
  
• Ênfase: A ênfase é facilmente notada pelo posicionamento quase central do ciclista de triciclo.
  
• Formas: As formas na fotografia são vistas pelas curvas, tanto da estrada quanto das planícies.
  
• Camadas: As camadas são formadas pela distância entre os ciclistas com bicicleta de duas rodas e o ciclista de triciclo. Essa distância atiça a curiosidade de quem vê, pois queremos saber por qual motivo temos um ciclista atrasado.
  
• Contraste: O contraste está na roupa mais escura dos ciclistas e o fundo claro da paisagem.
  
• Fluxo/Ritmo: O fluxo fica por conta da direção da estrada, que começa na parte inferior da fotografia e sobe para o canto direito dela.
  
• Simplicidade/Síntese: A mensagem da fotografia está bem clara e mostra, de forma cômica, um ciclista atrasado em relação aos outros.
  

Quadro de Artes Plásticas

A noite estrelada - Van Gogh

• Harmonia: A harmonia do quadro se dá pelas pinceladas que enrolam-se, unem-se em traços dinâmicos, criando redemoinhos, sublinhando os movimentos e os contornos com espirais.
  
• Equilíbrio: O equilíbrio se dá pelas cores frias do céu (do ciprestes e das casas) e quentes (das estrelas e das janelas das casas), que se relacionam e transmitem uma mistura de inquietude e calmaria.
  
• Imagem vs. Fundo: O fundo se dá pela percepção das camadas do quadro, onde temos o cipreste e o pequeno povoado como a imagem e o céu como fundo.
  
• Ênfase: As pinceladas de amarelo e branco sobre o fundo azul-escuro dão ênfase às estrelas, abrindo-as como coroas brilhantes.
  
• Formas: as formas são curvas contínuas, serpenteadas e ondulantes e a textura de linhas nítidas, tracejadas e aos ziguezagues. Elas são dotadas de vida, cheias de tensão, revelando um estilo de pintura cheio de comoção pelo acontecimento cósmico.
  
• Camadas: Na primeira camada, podemos ver o cipreste, que parece ascender ao céu como uma imensa flama verde. E diante do espectáculo da noite estrelada, o pequeno povoado com a sua igreja, adormecido ao centro, tem um papel claramente secundário.
  
• Contraste: Podemos notar um contraste entre a clareza do céu a cidade adormecida.
  
• Fluxo/Ritmo: O fluxo pode ser notado pela pinceladas que enrolam-se e criam redemoinhos que se integram de maneira rítmica sobre a superfície da pintura.
  
• Simplicidade/Síntese: Qualquer quadro é complexo de ser analisado diante de tantos pontos de vista que podemos ter. Por um deles, podemos dizer que a “Noite Estrelada”, significa o desejo do homem querer alcançar as estrelas, captar-lhes o sentido, a grandeza, o mistério.
  

Cartaz

• Harmonia: A harmonia do cartaz está na utilização de poucas cores que foram utilizadas de forma correta, já que uma delas serve de destaque para o título do cartaz.
  
• Equilíbrio: O equilíbrio se encontra no fluxo da grande quantidade de cabelo, onde é colocado o título, que vai logo de encontro com o rosto da mulher, que é pequeno.
  
• Imagem vs. Fundo: O fundo é representado com uma folha de jornal, onde aparecem mulheres em posições sensuais e a mulher da imagem, além de seus cabelos compridos, tem seu ombro à mostra. Isso pode nos indicar que a festa terá um tom sensual ou que terá mulheres bonitas.
  
• Ênfase: A ênfase é dada para os elementos em vermelho, onde se destacam a boca e o título do cartaz.
  
• Formas: As formas onduladas do cabelo da mulher dão a sensação de movimento, como se ela estivesse dançando e logo que se virou para olhar para a câmera, ela foi fotografada. Como o cartaz anuncia uma festa, onde provavelmente terá música, as formas do cabelo contribuem para mostrar que será algo animado e dançante.
  
• Camadas: O ombro da mulher à mostra e o fundo, quase imperceptível para quem passa rápido pelo cartaz, contribuem para atiçar a curiosidade de quem observa.
  
• Contraste: O contraste está bem claro na utilização de um fundo mais claro e a imagem com cores fortes.
  
• Fluxo/Ritmo: O fluxo do cartaz é seguido pelas mechas de cabela da mulher. O título do cartaz é colocado propositalmente naquela posição para que o observador pare para ler o que está escrito e, se ele se interessar pelo título, poderá também ler as informações adicionais, logo na parte debaixo do desenho.
  
• Simplicidade/Síntese: Para se entender o que o cartaz diz é preciso observá-lo atentamente, portanto não há tanta simplicidade na transmissão da mensagem. Sabemos a princípio que é uma festa, mas informações mais específicas como o local e dia precisam ser observados mais de perto.
  

Basmala

• Harmonia: Na basmala, os elementos possuem uma concordância, pois os traços ora ondulados, ora retos, compõem uma figura. Mesmo que haja quebras no ritmo dos traços, temos uma basmala harmoniosa, já que o resultado final foi compreendido.
  
• Equilíbrio: Apesar do excesso de cores, a basmala está equilibrada, com os traços que formam um local e pode ser facilmente visualizado.
  
• Imagem vs. Fundo: A Basmala tem como fundo uma mistura de cores que trazem alegria e movimento para ela. Com isso, a imagem representada, que é a de um castelo ou uma igreja, se torna viva e com traços mais marcantes, já que desenhada com um tom mais escuro.
  
• Formas: As formas são compostas por traços ondulados e retos.
  
• Contraste: O Contraste é notado pelas cores vivas utilizadas ao fundo e o marrom da basmala.
  
• Fluxo/Ritmo: A basmala tem um ritmo quebrado pelos traços que contribuem para a formação da imagem. Mesmo assim, podemos notar um ritmo dado pelos traços ondulados que parecem interligar alguns elementos da basmala.
  
• Simplicidade/Síntese: Apesar da grande quantidade de elementos, o conjunto formado pelos traços contribuem para o observador entender a metáfora da basmala.
  

Mosaico

Whales - Mia Tavonatti

• Harmonia: A harmonia deste mosaico se dá principalmente pelas cores. Os vários tons de azul nos mostram claramente os elementos e criam uma coesão entre o ambiente (o mar) e seus personagens (os golfinhos).
  
• Equilíbrio: Temos um mosaico equilibrado, formado por golfinhos que aparecem quase na totalidade da figura, mas que posicionam-se de forma que o mar também seja visto.
  
• Imagem vs. Fundo: Assim como foi dito em relação ao equilíbrio do mosaico, podemos notar que os golfinhos, que são os principais elementos, estão propositalmente posicionados na entrada de um mergulho, para que o mar também apareça.
  
• Ênfase: A ênfase é dada para os golfinhos, que formam o motivo principal do mosaico.
  
• Formas: O mosaico segue um fluxo onde se vê formas onduladas, causadas pelo movimento dos golfinhos dentro do mar.
  
• Camadas: Na primeira camada temos os golfinhos e na segunda camada, o mar. A distinção entre eles está clara, apesar dos tons de azul, que contribuem para misturar as duas camadas.
  
• Contraste: O contraste é visto pelos tons de branco, que representa a claridade e onde a água ainda borbulha por conta do mergulho e, logo abaixo, o preto e tons mais escuros do azul, que representam a escuridão do fundo do mar.
  
• Fluxo/Ritmo: O fluxo do mosaico segue o mergulho dos golfinhos no mar. Como dito em relação ao contraste, de cima para baixo, pode-se notar a claridade, onde a água ainda borbulha por conta do mergulho e, logo abaixo, a escuridão do fundo do mar.
  
• Simplicidade/Síntese: A mensagem é clara neste mosaico, que representa o mergulho dos golfinhos e a tranquilidade do mar.
  

Sumi-e

Rising Red Leaves - Kazu Shimura

• Harmonia: A harmonia está na relação entre as folhas e as nuvens logo abaixo delas. A leveza das folhas transmitem uma sensação de frescor, assim como as nuvens, que trazem uma brisa tranquila.
  
• Equilíbrio: O equilíbrio se dá pela estabilidade das folhas e das nuvens, que parecem se mexer varagosamente quando a brisa passa.
  
• Imagem vs. Fundo: Aqui, a ênfase é dada para as folhas, que estão mais escuras que os outros elementos do sumi-ê, portanto podemos ver que há uma clara distinção entre a imagem e o fundo.
  
• Ênfase: Os elementos do sumi-ê nos guiam da esquerda para a direita, dando a sensação de movimento, onde as folhas e as nuvens se movem para a direita conforme a brisa passa. Num primeiro momento, notamos as folhas mais escuras, para depois perceber mais folhas claras e as nuvens logo atrás. É como se estivéssemos deitados, olhando para o as folhas e para o céu.
  
• Formas: A forma das folhas estão perfeitas, enquanto que a forma das nuvens, parecem estar esboçadas, dando a impressão de que elas estão passando pelo céu.
  
• Camadas: No sumi-ê podemos notar 3 camadas: a das folhas escuras, a das folhas claras e a das nuvens.
  
• Contraste: O contraste no sumi-ê é dado pelos vários tons de cinza.
  
• Fluxo/Ritmo: O fluxo é notado pela direção das folhas, que se movimentam conforme a brisa.
  
• Simplicidade/Síntese: Há clareza na mensagem do sumi-ê, já que parece que autor quis passar paz e tranquilidade para quem vê.
  

Iluminura

Iluminura de uma tradução medieval dos Elementos de Geometria de Euclides, c. 1300

• Harmonia: A harmonia é dada pelo conjunto da iluminura. Todos os elementos estão focados no objetivo de aprender geometria.
  
• Equilíbrio: O equilíbrio pode-se notar pela pouca quantidade de cores utilizadas, já que o espaço para o desenho é pequeno.
  
• Imagem vs. Fundo: O fundo está pintado de ouro e dá luz à imagem, que está composta por branco, vermelho, laranja e azul.
  
• Ênfase: A ênfase está nos objetos em cima da mesa, que formam o tema principal da iluminura, os Elementos de Geometria de Euclides.
  
• Formas: A iluminura dentro da letra "P" já requer uma construção circular do desenho. Dentro da letra temos formas geométricas, dada pela mesa e pelos objetos em cima dela e temos também elementos ondulados, que podem ser observados nas roupas e nos cabelos.
  
• Camadas:Os olhares dos discípulos que observam todo manuseio dos objetos pela professora indicam uma curiosidade pelos objetos em si e o que eles podem contribuir para o aprendizado de geometria.
  
• Contraste:O contraste pode ser visto pelas roupas coloridas e os corpos em branco.
  
• Fluxo/Ritmo:O ritmo da iluminura é dado pelos olhares curiosos dos discípulos em relação aos ensinamentos da professora. Todos miram para ela, que procura focar sua atenção aos elementos em cima da mesa. Então temos um movimento circular, dado pelos olhares dos discípulos para a professora e da professora para a mesa.
  
• Simplicidade/Síntese:A iluminura passa claramente sua mensagem, colocando como ponto principal, a questão do ensino da geometria.
  

Caligrafia oriental

• Harmonia: A harmonia deste kanji está nos traços que estão apoiados um no outro e ao mesmo tempo tem espaços em branco que permitem cada traço "respirar". Representa muito bem a amizade.
  
• Equilíbrio: O equilíbrio, assim como na harmonia, está representado pelos traços apoiados um no outro. Temos uma base que sustenta e os dois traços acima, parecem se equilibrar perfeitamente.
  
• Formas: As formas do kanji, representam a mão direita e a mão esquerda, dando a noção de comprimento.
  
• Fluxo/Ritmo: Assim como a amizade, temos uma base forte que sustenta todo o resto do kanji. E eo mesmo tempo que apresenta um conceito de sustentação, ele mostra um equilíbrio dos outros traços ditando uma leveza e reciprocidade.
  
• Simplicidade/Síntese: Os poucos traços apoiados um no outro e a contrução leve do kanji dá a síntese sobre o ele significa.
  

Anúncio

A vida gira em torno do sol. Use Sundown.

• Harmonia: A harmonia nesta propaganda se dá pelo conteúdo que mostra uma praia ensolarada, com o mar sereno, as crianças brincando, uma mulher praticando yoga, etc dando a sensação de leveza e tranquilidade.
  
• Equilíbrio: O equilíbrio é composto pela posição das pessoas na praia que mesmo que estejam realizando atividades diferentes, elas estão em torno do sol.
  
• Imagem vs. Fundo: Na propaganda, a imagem e o fundo se misturam, compondo uma unidade.
  
• Ênfase: A ênfase é dada para o sol, sendo ele o principal personagem da propaganda.
  
• Formas: Ao colocar toda a praia em volta do sol, temos a forma de um círculo, que traz a relação do universo que gira em torno do sol.
  
• Camadas: Na primeira camada, temos as pessoas brincando na areia, na segunda, o mar e na terceira, o sol.
  
• Contraste: Na imagem, o contraste não foi bem utilizado, já que a frase relativa ao produto não está muito vísivel.
  
• Fluxo/Ritmo: O ritmo da propaganda é quebrado quando terminamos de circundar toda a praia, a partir do lado esquerdo, e terminamos nas embalagens do Sundown.
  
• Simplicidade/Síntese: A mensagem que desejaram passar, foi clara e facilmente compreendida. Se a vida gira em torno do sol, é necessário ter cuidados com a pele!
  

Web site

The Dreamer

The Dreamer

• Harmonia: O layout do site apresenta poucos elementos e cores, transmitindo clareza e simplicidade na visualização das informações e está em harmonia com o objetivo do site, que é ser um catálogo de sites inspiradores.
  
• Equilíbrio: Por ter uma interface limpa e a utilização de somente três cores na composição, o site apresente um bom equilíbrio. Além disso, o site está dividido em três partes: o catálogo em si, os favoritos do catálogo e um espaço para propaganda de parceiros. Isso também traz uma noção de equilíbrio para o site, mostrando uma organização visual de fácil compreensão.
  
• Imagem vs. Fundo: O fundo claro e as poucas cores utilizadas na imagem, deixam transparecer uma layout limpo.
  
• Ênfase: A ênfase é dada para os sites que se destacam entre os outros. Para estes, são criados pequenos blocos que permitem uma visualização prévia do que se trata do site.
  
• Formas: O site é basicamente formado por blocos retangulares, que correspondem à divisão das partes do site.
  
• Camadas: A camada pode ser notada nos retângulos onde se destacam os links favoritos. Esses retângulos seriam uma espécie de sedução do visitante, para que ele fique curioso sobre o que teria naquele site em destaque.
  
• Contraste: O contraste é notado pelo fundo claro e a barra superior do site com cores mais escuras.
  
• Fluxo/Ritmo: O site não apresenta um fluxo. Ele é estático, apresentando apenas uma lista de links e pedaços do layout dos escolhidos como favoritos.
  
• Simplicidade/Síntese: Por ser um catálogo de sites, podemos considerar que ele está cumprindo seu papel de forma clara e sem grandes excessos em sua composição.
  

Tipografia: Espaçamento

O espaçamento entre as letras é muito importante para um texto ser legível. Ele não significa distância igual, mas sim áreas proporcionais de espaço em branco que ficam entre uma letra e outra. As letras não devem ficar muito perto, nem tão longe que as palavras deixem de ser percebidas como palavras.
Quando os espaçamentos estiverem adequados, este se tornará invisível aos olhos do leitor e ele poderá se concentrar com mais facilidade e rapidez no significado das palavras e nem perceber sua existência.
Alguns problemas de espaçamento devem ser resolvidos com pares de kerning que seria a adição ou remoção de espaço entre pares de caracteres específicos, como no caso de AV, LY, Vo, etc.

Exemplo de espaçamento

Exemplo de kerning

Gráfica: Silkscreen

De modo geral, o silkscreen é um sistema artesanal, muito usado para imprimir em camisetas, materiais promocionais, rótulos de cds e dvds, banners, etc. O processo de silk-screen baseia-se na aplicação de letras e imagens através de uma tela (feita de madeira e nylon), que serve como base para aplicação da tinta específica para cada tecido através de um rodo de impressão.
Após a impressão das imagens em um suporte transparente (como o fotolito), começa-se o processo de gravação da tela ou quadro que será o “molde” para a impressão na peça. Esta tela é submetida a um produto chamado emulsão e exposta a luz, adquirindo assim, as formas das imagens em áreas “vazadas” da mesma. A peça é colocada sobre uma mesa de impressão, a tela é posicionada na altura desejada para se imprimir e é feita a aplicação da tinta através do rodo, finalizando assim o processo.
Entre as vantagens desse processo podemos citar: a flexibilidade de impressão sobre materiais diversos, permitindo a impressão sobre objetos planos e cilíndricos, cônicas e esféricas; o custo baixo por permitir o reaproveitamento da matriz e poder de cobertura de algumas classes de tintas.
Entre as desvantagens temos: dificuldade de impressão de pequenos detalhes do desenho, comprometendo a qualidade; impressão lenta (na maioria das empresas, praticamente artesanal) e dificuldade de registro de cor (impressão de uma cor exatamente sobre a outra cor)

Designer: Tibor Kalman

Tibor Kalman foi um designer provocador, que questionou o papel de sua própria profissão diante da sociedade. Antes de ser contratado pela Benetton para desenvolver a revista Colors, teve seu próprio escritório, o M&Co, onde desenvolveu sua conceituação e metodologia de trabalho, que sempre traziam como principal embasamento aspectos sociais polêmicos da época.
Foi com matérias e capas da Colors que Kalman conseguiu alcançar o maior número de pessoas, transmitindo seus pensamentos sobre posições e situações da sociedade contemporânea, as quais ele julgava equivocadas, de forma direta e sintética. Kalman pretendia, através de um meio de comunicação altamente difundido (como a revista) despertar o senso crítico humano, persuadir o leitor a enxergar as injustiças sociais à sua volta através de uma estética contemporânea que mais parecia estar voltada ao mundo consumista do que a questões de cunho social.

Na capa da revista acima, que traz um homem branco e um negro e diferentes palavras relacionadas ao tema "racismo", em distintos idiomas cobrindo parte de seus corpos, configura-se visualmente impactante graças ao valor e ao sentido presentes nesta composição: a idéia de luta de raças é desconstruída pelo grande fundo branco que abriga os diferentes corpos, bem como as palavras e suas cores, procurando explicitar o conceito de igualdade.
Como podemos ver, o trabalho de Tibor Kalman deverá ser referência para o design do século XXI, face ao crescimento da preocupação social em praticamente todos os aspectos que formam a vida cultural do homem atual.

Família Tipográfica: Caslon

A Caslon é uma família tipográfica, uma variação das serifadas clássicas, criada pelo tipógrafo inglês William Caslon em 1732. Para realizar seu trabalho, Caslon inspirava-se nos desenhos holandeses, muito populares na Inglatera naquele período. A principal característica nas fontes de tipos de Caslon é sua robustez, que permite compor uma página de texto corrido com boa fluidez de leitura.
Caslon fez bons lucros com o seu negócio e, além disso, ele criou um dos tipos de maior prestígio de todos os tempos. Entre seus usos estão a Declaração da Independência dos Estados Unidos e a revista Vogue. Durante todo o século XX, o seu tipo se tornou preferência entre os melhores tipógrafos dos EUA.
Hoje abundam as versões digitais de vários redesenhos dos tipos de William Caslon. Tudo começou com a American Type Founders que lançou em 1903, a Caslon 540 para uso em propaganda. Esse desenho foi modificado para ser adaptado à tecnologia da Linotype, diferenciando-se da fonte original pelas descendentes mais curtas e com maior contraste, características que as tornam aptas para a impressão rápida e para as novas variedades de papéis introduzidas na virada do século.