60
this I gn magazine #1

This I gn

Embed Size (px)

DESCRIPTION

This I gn Magazine #1

Citation preview

Page 1: This I gn

this Ignmagazine

#1

Page 2: This I gn

editorial |

Page 3: This I gn

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

Page 4: This I gn

| design e a arte

Page 5: This I gn

3

o que é design?

Page 6: This I gn

breve história do design |1751-1

800

Page 7: This I gn

1801-1

850

Page 8: This I gn

1851-1

900

Page 9: This I gn

1901

breve história do design |

Page 10: This I gn

1911

Page 11: This I gn

1921

breve história do design |

Page 12: This I gn

1931

Page 13: This I gn

breve história do design |

1941

Page 14: This I gn

1951

Page 15: This I gn

1961

Page 16: This I gn

1971

1971 1971

1971

1971 1971

1971

1971 1971

1971

1971

19711981

1971

1971

19711971

19811981

Page 17: This I gn

1971

19711971

19811981

19811981

1981 1981

1981 1981

1981 19811981

1981

1981 1981

1981

1981 1981

1981

1981

breve história do design |

Page 18: This I gn

1991

Page 19: This I gn

breve história do design |

Page 20: This I gn

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.

Page 21: This I gn

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.

Page 22: This I gn

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 |

Page 23: This I gn

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

Page 24: This I gn

O DESIGNVISUAL

Page 25: This I gn

design gráfico

design editorial

Page 26: This I gn

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

Page 27: This I gn

design audiovisual

design e a fotografia

Page 28: This I gn
Page 29: This I gn
Page 30: This I gn
Page 31: This I gn
Page 32: This I gn

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

Page 33: This I gn

é 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.

Page 34: This I gn

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.

Page 35: This I gn

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.

Page 36: This I gn
Page 37: This I gn
Page 38: This I gn

nível do olho

ponto de fugaponto de fuga

Page 39: This I gn
Page 40: This I gn
Page 41: This I gn
Page 42: This I gn
Page 43: This I gn
Page 44: This I gn
Page 45: This I gn
Page 46: This I gn
Page 47: This I gn
Page 48: This I gn
Page 49: This I gn
Page 50: This I gn
Page 51: This I gn
Page 52: This I gn
Page 53: This I gn
Page 54: This I gn
Page 55: This I gn
Page 56: This I gn
Page 57: This I gn
Page 58: This I gn
Page 59: This I gn
Page 60: This I gn