this Ignmagazine

#1

editorial |

sumáriodesign e a arte

O design Visualmatéria especial

elementos principios básicosdo design visual

objetivos do designdesign e a industria

4546

marketing do design

evolução do logo da pepsi

48

52o bom design

créditos

5859

como avaliar o design 50

proximidade

alinhamento

29

ponto e linha

forma

35

36

cor 37

dimensão

escala

38 39 criatividade

gestault

40

41

30

contraste

repetição

31 32

elementos visuais da comunicação 32

24

28

o que é design?

tipos de design

breve história do design

ferramentas do design

456

2022

| design e a arte

3

o que é design?

breve história do design |1751-1

800

1801-1

850

1851-1

900

1901

breve história do design |

1911

1921

breve história do design |

1931

breve história do design |

1941

1951

1961

1971

1971 1971

1971

1971 1971

1971

1971 1971

1971

1971

19711981

1971

1971

19711971

19811981

1971

19711971

19811981

19811981

1981 1981

1981 1981

1981 19811981

1981

1981 1981

1981

1981 1981

1981

1981

breve história do design |

1991

breve história do design |

ferramentas do design |

ferr

amen

tas

do d

esig

n

Photoshop: Adobe Photoshop é um editor de imagens bidimensionais (digitais) e trabalhos de pré-impressão, desenvolvido pela Adobe Sys-tems. É considerado o líder no mercado dos editores de imagem profissionais. Sua mais recente versão é a Adobe Photoshop CS4 disponível para os sistemas operativos Microsoft Windows e Mac OS X. Pode ser rodado tam-bém no Linux, através da camada de compatibilidade Wine

Illustrator: Adobe Illustrator é um editor de imagens vectoriais desenvolvido e comercializado pela Adobe Systems. Foi criado inicialmente para o Apple Macintosh como complemento comercial de software de fontes da Adobe e da tecnologia PostScript desen-volvida pela empresa. O Adobe Illustrator está atualmente na versão Adobe Illustrator CS4 e está disponível para Macintosh e Windows.

3Dmax: Anteriormente conhecido como 3D Studio Max, 3D Max é um pro-grama de modelagem tridimen-sional que permite renderização de imagens e animações. Sendo usado em produção de filmes de animação, criação de persona-gens de jogos em 3D, vinhetas e comerciais para TV, maqu-etas eletrônicas e na criação de qualquer mundo virtual.

O profissional que trabalha na área de design tem como objetivo criar, planejar e desenvolver. Mas como é feito um projeto? Que materiais devem ser utilizados? Foi por essa causa que serão brevemente apresen-tados nove materiais na área de softwares, desenho e acabamento que ajudam na etapa de realização do projeto.

3

Posca: Caneta Posca é uma marcadora de tinta pigmentada à base de água. Ápos utilizá-la em cima de outra cor é posspivel um encobrir essa quando estiver já seca a tin-ta. Tem uma variedade de cores vibrantes e a tinta não escorre sendo filtrada de modo que você possa escrever em cima de uma pilha de papéis. É Multiuso em qualquer superfície escreva sobre o metal, vidro, plástico etc.

Carvão: Carvão vegetal é útil para trab-alhos em papel ou tela. Material versátil indicado para estudos, esboços, aplicação com técni-cas mistas e trabalhos artísticos finalizados. Recomenda-se uso de verniz spray fixador para preservação do desenho de carvão sobre papel.

Pastel seco: Serve para desenho artístico em tela ou papel. Tem cores vivas que oferecem ao artista a pureza total das cores, além de serem também misiveis entre si. Pode ser e diluído em água e as cores não sofrem alteração ou escureci-mento após secagem. Caracteri-za-se por um traço suave e seco.

Cores especiais: As chamadas cores especiais são misturadas fisicamente, e não visualmente, ou seja, se é necessário um laranja especial, não vai misturar-se o magenta com o amarelo, e sim comprar a tinta laranja do tom exato. No Brasil, as cores especiais mais utilizadas são as produzidas pela Pantone possui catálogos com todas as suas cores impressas em dois tipos de papel, o revestido (coated) e o não-revestido (un-coated).

Papel couché: O papel couché é um tipo de papel especial, consiste basi-camente de um papel conven-cional, que recebe sobre sua superfície uma ou mais camadas de revestimento de tintas a base de pigmentos inorgânicos que conferem ao papel melhor acabamento superficial e conse-quentemente melhor qualidade de impressão.

Verniz: A aplicação de verniz é um recurso que pode ser utilizado por algumas impressoras off-set ou por máquinas específicas para sua aplicação. Os vernizes são compostos incolores utilizados para a proteção dos impressos ou para sua decoração. Quatro tipos de verniz são utilizados pelas grá-ficas: brilhante, fosco, acetinado e perolado.

tipos

de

design

é a arte e o processo de criaçãona composição de um texto, física ou digitalmente.

design automobilistico | é a arte e o processo de criaçãona composição de um texto, física ou digitalmente.

design de produto | é a arte e o processo de criaçãona composição de um texto, física ou digitalmente.

design de joias | é a arte e o processo de criaçãona composição de um texto, física ou digitalmente.

design de moda | é a arte e o processo de criaçãona composição de um texto, física ou digitalmente.

design de jogos | é uma extensão da prática do design de

design de iluminação | é a arte e o processo de criaçãona composição de um texto, física ou digitalmente.

design de comunicacao | é um processo criativo ( disciplina de metodologia livre ) que visa a construção de mensagens.

tipos de design |

webdesign | extensão da prática do design, onde o foco do projeto é a criação de web sites e documentos disponíveis no ambiente da web.

design de ambientes | auxilia nas localizações, representado através de placas, mapas, setas e toda a sinalização em geral.

design de interiores:e decoração de ambientes internos. Planejar e arranjar espaços, escolhendo e/ou combinando os diversos elementos de um ambiente estabelecendo relações estéticas

design de embalagem: reponsável pela forma da própria embalagem, considerando problemas de ergonomia e estética tri-dimensional.

design editorial :

forma de comunicar visualmente.

design institucional: Identidade Visual, Imagem Corporativa e Jornal Segmentado Empresarial

design de som : processo técnico e criativo de manipulação, criação e organização

projecto multimedia

O DESIGNVISUAL

design gráfico

design editorial

O web design pode ser visto como uma extensão da prática do design, onde o foco do projeto é a criação de web sites e documentos disponíveis no ambiente da web.O web design tende à multidisciplinaridade, uma vez que a construção de páginas web requer subsídios de diversas áreas técnicas, além do design propriamente dito. Áreas como a arquitetura da in-formação, programação, usabilidade, acessibilidade entre outros.A preocupação fundamental do web designer é agregar os conceitos de usabilidade com o planeja-mento da interface, garantindo que o usuário final atinja seus objetivos de forma agradável e intuitiva.

* Identidade Visual * Imagem Corporativa * Jornal Segmentado Empresarial

O designer institucional atua diretamente com instituições como: empresas, ONGs, Eventos, ect.

web design

design institucional

design audiovisual

design e a fotografia

De acordo com Robin Williams (2008) a repetição é um elemento-chave que unifica e faz com que varias páginas pareça pertencer ao mesmo material, criando uma identidade visual e dando personalidade ao material. A repetição pode ser feita através da repetição do logotipo ou imagem, tipo de fonte, ilust-rações, símbolos ou qualquer item que per-

Repetição mita o reconhecimento visual em cada página. A repetição ajuda a organizar as informa-ções e a guiar a leitura pelas páginas. Geralmente o prin-cipio de repetição é aplicado em logomarcas, tipo de fonte e cor. Também são criados el-ementos, como ilustrações e símbolos, cuja única função

é criar repetição. Segundo Robin Williams (2008) a finali-dade básica da repetição é unificar e acrescentar inter-esse visual, deixando a leitura mais agradável e mais lida. A repetição também é uma forma marcante de criar con-sistência e fortalecer a percep-ção do leitor para reconhecer o que o design representa.Nas páginas do site do Gover-no Federal, www.brasil.gov.br [+], o elemento de repetição utilizado nas páginas, para criar uma identidade visual e

permitir que o visitante saiba que as páginas visitadas per-tencem ao mesmo site, é a barra superior do site com a cor amarela e a logomarca do Governo. Ele é repetido em todas as páginas. Nas páginas do Governo do Estado de São Paulo, www.saopaulo.sp.gov.br, o elemento de repetição é o topo superior com um menu e o fundo branco e o tipo de fonte. Também é repetido em todas as páginas.

Elem

ento

s da

Com

unic

ação

Visua

l elementos da comunicação visual

A estrutura da obra visual é a força que determina quais elementos visuais estão pre-sentes, com qual ênfase essa presença ocorre. Conforme o pensamento Gestaltista, um objeto ou acontecimento como um todo é formado por partes inter-atuantes, que podem ser isoladas e vistas como inteiramente inde-pendentes e depois reunidas no todo. É impossível modificar qualquer uni-dade do sistema sem que, com isso, se modi-fique também o todo. A utilização dos componentes visuais básicos, como lei de conhecimento e com-preensão tanto de categorias completas dos meios visuais quanto de obras individuais é um método excelente para explorar o sucesso po-tencial e consumado de sua expressão. É fundamental assinalar que a escolha dos elementos visuais que serão enfatizados e a manipulação desses elementos, tendo em vista o efeito pretendido, está nas mãos do ar-tista, do artesão e do designer, ele é o visualiza-dor. O que ele decide fazer com eles é sua arte e seu ofício e as opções são infinitas.

Os elementos visuais constituem a substância básica da-quilo que vemos, e seu número é reduzido: o ponto, a linha, a forma, a direção, o tom, a cor, a textura, a dimensão, a escala e o movimento.

Os elementos visuais mais simples podem ser usa-dos com grande complexidade de intenção: o ponto justa-posto em diferentes tamanhos é o elemento essencial da im-pressão e da chapa a meio tom (clichê), meio mecânico para reprodução em massa de material visual de tom contínuo, especialmente em fotografia. A fotografia, cuja função é registrar o meio ambi-ente em mínimos detalhes visuais, pode ao mesmo tempo tornar-se o meio simplificador e abstrato nas mãos de um fotógrafo.

ponto Em grande número e ju-staposto, os pontos criam a ilusão de tom ou de cor

O ponto é a unidade de comunicação visual mais simples e possível. Qualquer ponto tem grande poder de atração visual sobre o olho, exista ele naturalmente ou tenha sido colocado pelo homem em reposta ao um obje-tivo qualquer. Dois pontos são instrumentos úteis para medir espaço no meio ambiente, ou no desenvolvimento de qualquer tipo de projeto visual. Quanto mais complexas forem as me-didas necessárias à execução de um projeto visual, tanto maior será o número de pontos usados. Em grande número e justaposto, os pontos criam a ilusão de tom ou de cor [+], o que, como já se observou aqui é o fato visual em que se baseiam os meios mecânicos para reprodução de qualquer tom contínuo. A capacidade única em que uma série de pontos tem de conduzir o olhar é intensifi-cada pela maior proximidade dos pontos.

linha

é o meio mais eficaz de expressar uma idéia

Partindo da definição de linha sabe-se que é um traço contínuo, visível ou virtual. Também poderíamos definir linha como a extensão consid-erada com uma só dimensão ou comprimento, tais como o traço, risco e uma série de palavras em geral formando um sentido, e escritas numa mesma direção, de um lado a outro da página. A linha é um elemen-to visual inquieto e inquiridor, é o meio mais eficaz de ex-pressar uma idéia ou projeto que está em nossa imagina-ção, a fim de torná-la reali-dade através do esboço. Um exemplo disso são os projetos

desenhados em esboços. A linha é também um instrumento nos sistemas de notação, como, por exemplo, a escrita. A escrita, a criação de mapas, os símbolos elétricos e a música são exemplos de sistemas simbólicos nos quais a linha é o elemento mais im-portante. Na arte a linha é es-sencial para o desenho. Ela pode assumir for-mas muito diversas para ex-pressar uma grande variedade de estados de espírito. Pode ser muito imprecisa e espon-taneidade de expressão. Pode ser ainda muito delicada e on-dulada, ou nítida e grosseira, nas mãos do mesmo artista.

nível do olho

ponto de fugaponto de fuga