EDITORIAL A revista Universo Design traz um pouco deste mundo que é o dos designers, “desde mundo não, desde universo”. Com o intuíto de mostrar as possíveis áreas que pode se pode seguir nessa profissão de designer, e o assunto da #1 edição é design gráfico, com o conteúdo exclusivo e uma entrevista com um profissional da área, bem sucedido por sinal o Designer Ándre Souza, conta pra gente sua trajetótia.
Assunto desta Edição
DESIGN GRÁFICO
INDICE Alfabeto Visual................6-7
Ponto...................................................................8-9 Linha.................................................................10-11 Forma...............................................................12-13 Direção............................................................14-15 Tom...................................................................16-17 Cor....................................................................18-19 Textura..............................................................20-21 Dimensão.........................................................22-23 Escala...............................................................24-25 Movimento.......................................................25-27
Memsagem visual.......30-31
Representacional...........................................32-33 Simbolismo.......................................................34-35 Abstracionismo................................................36-36
Contraste.....................40-41
Tom...................................................................42-43 Cor....................................................................44-45 Forma...............................................................46-47 Esacala............................................................48-49
Tecnicas Visuais...........52-53
Equilíbrio / Instabilidade...............(54-55)/ (56-57) Simetria / Assimetria.........................(58-59)/(60-1) Regularidade / Irregularidade.......(62-63)/64/65) Simplicidade / Complexidade.....(66-67)/(68/69)
Entrevista......................76-77 Sua história (78-81)
Softwares......................84-85
Illustrator....................................................... (86-87) Photoshop.....................................................(88-89) Indesign.........................................................(90-91)
3
TODO DESIGNER 4
PRA PENSAR PRA PENSAR PRA PENSAR
É ECOLOGICO 5
Alfabeto Visual Ponto Linha Forma DireÇão Tom Cor Textura Dimenção Escala Movimento
6
7
PONTO O ponto é a primeira unidade da imgem, tendo como caracteística a simplicidade e irredutibilidade (não pode ser reduzido), não possuindo nem dimensão.
O ponto contrói a imagem e funciona como referência no espaço viisual por ter um grande poder de atração para visão humana.
Ponto: é o sinal gráfico mínimo e elementar, caracterizado por ser uma localização no espaço. Sua utilização é infinita.
8
Pontilhismo Ricardo Franco Imagem formada por pontos Os pontos podem agir agrupados obtendo um efeito visual expressivo com formas ordenadas ou aleat贸rias numa 煤nica imagem
9
LINHA Linha: é uma sucessão contínua de pontos, com aparência também contínua. Define as figuras e formas, podendo sugerir movimento, ritmo e até mesmo sentimentos e sensações.
10
Quando agrupamos os pontos muito próximos, numa sequência ordenada
uns após os outros e do mesmo tamanho causam à visão uma ilusão
de direcionamento e acabamos viualizando-os como uma linha. As linhas podem ser classificadas como: Geométricas; Sãos abstratas e tem apenas uma dimensão, o comprimento Gráficas; Linhas desenhadas ou traçadas numa superfície qualquer Físicas; podem ser observadas principalmente no contorno dos objetos, naturais ou contruídos, criada de maneira abstrata na forma de uma persepção visual ilusória e imaginária como fios de lã, fios de energia, linha do orizonte etc.
11
FORMA A linha descreve a forma. Na linguagem das artes visuais, a linha articula a complexidade da forma. Existem três formas básicas: o quadrado,
12
o círculo e o triângulo equilátero. Cada uma das formas básicas tem suas características específicas, e cada uma atribui uma grande quantidade de
significados, alguns por associação, outros por vinculação arbrária, e outros, ainda, através de nossas próprias percepções psicológicas e fisiológicas.
13
DIREÇÃO Todas as formas básicas expressam três direções visuais básicas e significativas: o quadrado, a horizontal e a verGcal; o triângulo, a diagonal; o círculo, a curva.
14
Cada uma das direções tem um forte significado associativo e é um valioso instrumento para a criação de mensagens visuais.
15
TOM O tom também pode se dizer que é a variação tonal da cor.
16
As margens com que se usa a linha para representar um esboço rápido ou um minucioso projeto mecânico aparecem, na maior parte dos casos, em forma de justaposição de tons. Vemos graças a presença ou à ausência relativa de luz, a luz circula as coisas, é refletida por superfícies brilhantes, incide sobre objetos que tem eles próprios, claridade ou obscuridade relativa. As variações de luz ou de tom são os meios pelos quais distinguimos oticamente a complexidade da informação visual do ambiente.
17
COR Cor: quando a luz atinge um objeto, parte dos raios luminosos é absorvida pelo objeto e se transforma em calor, enquanto a outra parte é refletida e atinge a nossa visão na forma de cor.
18
A cor de divide em três elementos básicos: Matiz que podemos dizer que e a cor ; Saturaçao que podemos dizer que e a vivacidade da cor; Luz é o que vai definir a intensidade de luz ou sombra na cor;
19
TEXTURA Textura: é o aspecto do entrelaçamento das fibras da trama de uma
20
superfície, definindo o que sentimos ao tocála.
TEXTURA É A QUALIDADE DA SUPERFÍCIE
21
DIMENÇÃO Trabalha em conjunto com a linha e com a forma para iludir o nosso olhar criando um efeito tridimencional na imagem, que está numa superfície bidimensional, uma folha de papel, por exemplo. As três dimensões são: altura, comprimento e profundidade.
22
Junto com o elemento da dimenção relacionaremos o conceito de plano, que é uma área da imagem que possui duas dimensões (comprimento e largura) e que, através de sua sobreposição, podemos obter uma ilusão da terceira dimenção (altura).
23
ESCALA Quando trabalhamos com os elementos visuais numa área específica bidimencional, devemos prestar atenção na relação entre os tamanhos das imagens. Esta relação entre os tamanhos é a escala, também conhecida como proporção.
escala: relação de tamanhos entre as formas
24
25
MOVIMENTO Ao percorremos a imagem com os olhos durante a observação seguindo uma ou várias direções (horizontal, vertical, inclinado e curva), estamos a trabalhar também com o elemento básico do movimento. O movimento funciona como uma ação que se realiza através da ilusão criada pelo olho humano. Podemos observar uma imagem estática num papel e parecer que ela se está a mover. Isso acontece devido à maneira como os elementos básicos são arranjados e combinados entre si para criar a ilusão so movimento.
26
27
Qual tamanho do universo? O universo tem o tamanho do seu mundo. Qual o tamanho seu mundo? 28
29
MENSAGE
REPRESENT
SIMBO
ABSTRAC 30
EM VISUAL
TACIONAL
OLISMO
CIONISMO 31
É o que vemos e identificamos baseados no meio ambiente e na experiencia, a realidade é a experiencia visual básica. Quanto mais representacional, mais especifica é, ou seja, é uma comunicação forte e direta dos detalhes.
“ A visão é o único elemento necessário á compreensão visual.” Dondis A Donis
32
REPRESENTACIONAL 33
SIMBOLISMO
“ A percepção humana elemina os detalhes superficiais.” Dondis A Donis
34
Simbolismo - São sistemas de simbolos codificados criados arbitrariamente pelo homem com atribuição de significados.
“ Para ser eficaz, um simbolo não deve apenas ser visto e reconhecido, deve também ser lembrado, e mesmo reproduzido. “ Dondis A Donis
35
Abstração - O começo do processo de abstração ignora os detalhes irrevelantes, Na eleminação dos detalhes, até se atingir abstração total há 2 caminhos. Simbolismos- Significa identificavel ou não. Abstração pura- Sem referências dos meios ambientes. - Quanto mais abstrata, mais geral e abrangente é. - É uma redução do que vemos até ao básico e elementar
“ Em termos visuais a abstração é uma simplificação que busca um significado mais intenso e condensado.” Dondis A Donis
36
ABSTRACIONISMO
37
PRA RIR PRA RIR PRA RIR
38
39
CONTRASTE TOM COR FORMA ESCALA
40
O contraste merece um espaço próprio porque na verdade ele é a base de toda comunicação visual. Contraste significa fundamentalmente distinção. É a distinção de um elemento em relação a outro. Na linguagem visual, o contraste se encontra essencialmente sob as seguintes formas: TOM, COR, FORMA, ESCALA.
41
CONTRASTE DE
TOM
42
Com o tom, a claridade ou a obscuridade relativas de um campo estabelecem a intencidade do contraste.
Podemos ter contrastes entre tons. A divisão de campo em partes iguais pode demonstrar um contraste tonal, uma vez que o campo é
denominado pelo peso maor, ou seja, os tom mais escuro. No caso, o branco e o preto, a sensação é de que o o preto domina a maior área.
43
O contraste é um fenômeno com qual se podem diferenciar cores atendendo à luminosidade, a cor de fundo sobre qual se prejetam. Quando duas cores entram em contraste direto, o contraste
44
intensifica as diferenças entre ambas. O contraste aumenta quanto maior for o grau de diferença e maior o grau de contcato, chegando o seu máximo do contraste quando uma cor está rodeada po outras.
CONTRASTE DE
COR
45
Por meio de uma composição antagônica, ou seja, que tenha opostos, a dinâmica do contraste poderá ser prontamente demonstrada em cada exemplo visual básico que dermos. Se o objeitvo for
46
atrair a atenção, a forma regular, simples será as dominada pela forma irregular, imprevisível. Ao serem Justapostas, as texturas desiguais intensificam o caráter único da cada uma.
CONTRASTE DE
FORMA 47
É produzido a diferentes proporções cntraste por aprendida.
48
pelo uso de elementos escalas das normais ou irreis, conseguindo-se o negação da percepção
CONTRASTE DE
ESCALA 49
PARA REFLETIR PARA REFLETIR PARA REFLETIR
50
Qual o limite da imaginação? 51
Técnicas visuais
Equilíbrio Simetria Regularidade Simplicidade Unidade Instabilidade Assimetria Regularidade Complexidade Fragmentação
52
As técnicas visuais oferecem ao designer uma grande variedade de meios para a expressão visual do conteúdo. Existem como polaridades de um continuum, ou como abordagens desiguais e antagônicas do significado. Daría para fazer uma revista só com todo o conteúdo das técnicas visuais, trouxemos alguns dos pontos do mesmo para conhecermos.
53
E q u i l í b r i o 54
Depois do contraste, o equilíbrio é o elemento mais importante das técnicas visuais. Sua importância fundamental baseia-se no funcionamento da percepção humana e na enorme necessidade de sua presença, tanto no design quanto na reação diante de uma manifestação
visual. Num continuum polar, seu oposto é a instabilidade. O equilíbrio é uma estratégia de design em que existe um centro de sus- pensão a meio caminho entre dois pesos.
55
56
D E
LID A
BI
A
ST
IN
A intabilidade é a ausência de equilíbrio e uma formulação visual extremamente inquietante e provocadora.
57
Sime Simetria é equilíbrio axial. É uma formulação visual totalmente resolvida, em que cada unidade situada de um lado de uma linha central é rigorosamente repetida do outro
58
lado. Trata-se de uma concepção visual caracteriza- da pela lógica e pela simplicidade absolutas, mas que pode tornarse 1. estática, e mesmo enfadonha.
etria 59
A S
60
m Si
a t r i e Os gregos veriam na assimetria um equilíbrio precário, mas, n a verdade, o equilíbrio pode ser obtido através da variação de elementos e posições, que equivale a um equilíbrio de “ compensação. Nesse tipo de design, o equilíbrio é complicado, uma! vez que requer um ajuste de muitas forças, embora seja interessante 1 e fecundo em sua variedade.
61
REGU L A R I DADE
62
A regularidade no design constitui o favorecimento da uniformidade dos elementos, e o desenvolvimento
de uma ordem baseada em algum princĂpio ou mĂŠtodo constante e invariĂĄvel.
63
IREGU LARI DADE A irregularidade que, enquanto estratégia de design, enfatiza o inesperado e o insólito, sem ajustarse a nenhum plano decifrável.
64
65
SIMPLICIDADE SIMPLICIDADE SIMPLICIDADE A ordem contribui enormemente para a síntese visual da simplicidade, uma técnica visual que envolve a imediatez e a uniformidade da forma elementar, livre de complicações ou elaborações secundárias.
66
67
COMPLEX IDADE 68
A complexidade compreende uma complexidade visual constituída por inúmeras unidades e forças elementares, e resulta num difícil processo de organização do si gnificado no âmbito de um determinado padrão.
69
UNIDA
70
DADE A unidade é um equilíbrio adequado de e lementos diversos em uma totalidade que se percebe visualmente. A junção de muitas unidades deve harmonizar- se de modo tão completo que passe a ser vista e considerada como u ma única coisa.
71
72
A fragmentação é a decomposição dos elementos e unidades de um design em partes separadas, que se relacionam entre si mas conservam seu caráter individual.
73
POR DENTRO SOM 74
PARA REFLETIR PARA REFLETIR PARA REFLETIR
MOS TODOS IGUAIS 75
ENTRE
COM
ANDRE
76
EVISTA SOUSA
77
Ándre Souza 29 anos Cordenador e Professor de computação gráfica em uma escola de efeitos visuais. Diretor de criação, designer gráfico, Web Designer e empresário. Empresa: Kooruja - Agência Digital.
78
Sua História Quando você começou nessa área? Entre noventa e nove e dois mil E como foi esse inicio de carreira? Na verdade eu não comecei sabendo que ia cair nessa ramo, veio primeiro a questão “nerd”, trabalhar com computação , depois vieram os jogos que influíram bastante por conta de gráficos e imagens, e eu tive sorte de ter nascido, ter morado em um lugar em que a área de comunicação, publicidade, e questão cultural de imagens era muito forte, como em Olinda havia temporada de festa, carnaval, tem esse lance de camisa também. A questão política também tinha um mercado interessante em relação a parte de comunicação, a parte de impresso, a parte de comunicação visual em si e desde novo eu percebi que poderia ser um bom começo pra começar a trabalhar já e tirar uma grana. No inicio de sua carreira se inspirou em alguém? Inicialmente tive uma inspiração sim de uma amiga que era artista plástica e desenha muito bem, até hoje ela trabalha com artes, e inicialmente foi a minha professora de computação gráfica e ali eu comecei a desperta a curiosidade pela arte, pela ilustração, cores, e acabei me interessando também pelo segmento. E ela grafitava camisas, grafitagem automotiva em carros, e eu via os carros tunados com a pintura que ela fazia e aquilo tudo me chamou atenção e comecei a me aprofundar mais pra esse lado depois disso.
79
Antigamente não tínhamos softwares como hoje em dia pra trabalhar e tinha a questão da tipografia que também evoluiu nesse tempo, pra você o que viu tudo isso mudar, qual a importância da tipografia pra você?
No meu ponto de vista quando a gente produz algo principalmente na área de comunicação, eu acredito que o nosso principal objetivo é comunicar de uma forma mais clara e objetiva possível, então dependendo do publico do projeto do segmento, tem que fazer uma linha uma direção de arte especifica e o texto é uma das coisas mais importante que agente tem na questão cultural, o homem desenvolve a partir do estudo e o estudo é a partir da escrita, então o designer utilizando a escrita que digamos que seja a origem de todo o conhecimento, vem dos livros, qual a moral dos livros? É você ler o livro que foi escrito por uma outra pessoa, daí você vai sempre adquirindo experiências de outras pessoas pra poder enriquecer o seu lado cultural. É muito bacana quando você começa a utilizar a tipografia é como se você alem de você usar o lado criativo pra poder montar uma identidade visual você esta reverenciando a escrita, e unindo o útil ao agradável não só a parte gráfica(visual) como também a parte escrita que vai levar informação de forma mais literária para o publico especifico que vai analisar aquele conteúdo. Então a tipografia não
80
tem como viver sem ela acredito que é importante sempre mante-la em atividade. Como vc define seu trabalho e seu estilo de designer? Hoje meu trabalho não é mais artístico como era antes e hoje é mais voltado ao marketing ao comercial, então atualmente eu trabalhos com empresas com a finalidade levar a informação, ou o produto, ou a pós da empresa atravez de uma interface, então hoje eu atuo mais com o digital, com web do que com impresso e ai temos a tendência minimalista onde estamos na era da informação e eu acabei me identificando muito com isso, presto acessória a empresas e utilizo o designer como a linha mais d i r e t a , web também pra poder alcançar esse objetivo que comunicar uma ação promocional, comunicar uma oferta, comunicar um evento, uma data comemorativa, fazer um apelo ao publico aos clientes através daquele conteúdo, hoje em dia meu envolvimento com o design é a parte de design de interface mesmo voltada a acessibilidade. Você é uma pessoa muito ocupada com vários clientes e como você divide seu tempo?
Primeiro agente divide o tempo de acordo com o que é mais importante, eu sou adepto de uma metodologia que foi desenvolvida na matemática por economistas e tudo mais, que a maioria das empresas usam que é oitenta/vinte (80% 20%) que é a regra de Pareto onde você no caso tem que focar no que é mais importante e as vezes o que é mais importante não é o dinheiro, as vezes você ta trabalhando com o cliente a vinte anos e pelo histórico, então aquele cliente é mais importante do que aquele outro q esta chegando agora mesmo que com uma proposta de trabalho melhor do ponto de vista financeiro, mais você esta vendo que vai ser só naquele momento . Então hoje eu cuido dos mais importantes, classifico-os como os mais importantes e os que não são importantes eu não deixo abandonado nem esperando, eu monto uma equipe, encaminho pra alguém, ou contrato um free-lance para que possa dar continuidade a atividade a atenção tem que dar para todos, mais um de cada vez e priorizando aquilo que é mais importante. Qual o recado que você deixa pa ra o pessoal de designer que esta
começando agora? Para as pessoas que estão começando agora no meu ponto de vista é montar um portfólio, porque eu acredito que funciona assim: ninguém te conhece, mais você tem formação, tem qualidade, tem talento, o que você faz é legal todos gostam mais você é novo na área e pra quem é novo tudo sempre é mais difícil no inicio ate você adquirir credibilidade. Então são três passos: primeiro você aprende, você domina, você escolhe ser bom em alguma coisa, mais não tem como ser bom em tudo, ou você é bom em diagramação, ou ilustração, ou edição de imagem você procura uma linha onde você possa começar a fazer o teu nome e ser bom nisso. A segunda etapa é somar projetos, é criar um portfólio, fazer uma galeria de projetos interessante Na terceira é você começar a trabalhar com projetos mais importantes, você não vai ficar como na segunda etapa se você quer somar projetos você pega de varias situações independente de valor que você estava interessado em adquirir experiência, mas vai chegar um ponto que é hora de crescer com isso e levar isso como garantia de vida futura para se profissionalizar mesmo nesse sentido pra começar a direcionar o teu trabalho para o que é mais rentável.
81
82
PRA RIR PRA RIR PRA RIR
83
SOFTWARES
84
Adobe Illustrator Adobe Photoshop Adobe Indesign
JÁ QUE O ASSUNTO
É
DESIGNER
GRÁFICO VAMOS
FALAR UM POUCO DE ALGUNS DE SEUS
RECURSOS 85
Illustrator
Desenho Vetorial 86
O que é o Illustrator? O Adobe Illustrator é um programa editor de imagens vetoriais, desenvolvido pela empresa Adobe.
Para que serve o Illustrator? O Adobe Illustrator pode ser utilizado para diversos trabalhos em diversas áreas do design. Devido à sua capacidade de integração com outros programas da Adobe (como Photoshop, Dreamweaver e After Effects) e à sua versatilidade, o Illustrator pode ser utilizado para projetos de design, para projetos de web e para projetos de vídeo. Trabalhos possíveis com Illustrator Para se ter uma ideia, é possível criar o layout de um site inteiro utilizando o Illustrator, e muitos dos infográficos que você já viu em revistas ou na web são feitos com Illustrator. Com o illustrator tambem é possível criar o layout de histórias em quadrinhos de forma bastante rápida e intuitiva.
87
Photoshop
Manipulação de imagens
88
O que é o Photoshop? O Adobe Photoshop é um programa voltado edição de imagens, desenvolvido pela empresa Adobe.
Para que serve o Photoshop? O Adobe Photoshop é um software de edição de imagens, editando fotos, mas, também muito utilizado para desenhar, colorir , pintura digital, etc. É bastante utilizado por designers gráficos, webdesigners, entre outros.
89
Indesign
Revista diagramada no Indesign
90
O que é o Indesign? O Adobe Indesign é um programa editorial, voltado para diagramação, desenvolvido pela empresa Adobe.
Para que serve o Indesign? O Adobe Indesign é permite diagramar, criar e editar materiais como jornais, livros, revistas, embalagens, anúncios etc. Com o Indesign é possível ter um controle preciso sobre a tipografia e ferramentas de criação, em princípio para forma digital e tendo utilização posterior para a impressão. O programa cria documentos em formato próprio, editável, que posteriormente pode ser exportado para PDF ou outros formatos específicos de impressão.
91
Design ♥ Café 92
Possiveis áreas para atuar na mercado de trabalho de design gráfico utilisando esses programas: Quadrinhos/Infografia/ Diagramação/Publicidade/Ilustração/ Fotografia/Moda/Arte Final/Impressão / Artes Gráficas/Direção de Arte/ Design.
93
PRÓXIMA
EDIÇÃO DESIGN DE
94
GAME
Dicas para pocesso Criativo acesse:
UNIVERSODESIGN.COM.BR (site fictĂcio)
95