This I gn
-
Upload
benhur-antunes -
Category
Documents
-
view
215 -
download
0
description
Transcript of This I gn
![Page 1: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/1.jpg)
this Ignmagazine
#1
![Page 2: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/2.jpg)
editorial |
![Page 3: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/3.jpg)
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](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/4.jpg)
| design e a arte
![Page 5: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/5.jpg)
3
o que é design?
![Page 6: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/6.jpg)
breve história do design |1751-1
800
![Page 7: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/7.jpg)
1801-1
850
![Page 8: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/8.jpg)
1851-1
900
![Page 9: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/9.jpg)
1901
breve história do design |
![Page 10: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/10.jpg)
1911
![Page 11: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/11.jpg)
1921
breve história do design |
![Page 12: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/12.jpg)
1931
![Page 13: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/13.jpg)
breve história do design |
1941
![Page 14: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/14.jpg)
1951
![Page 15: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/15.jpg)
1961
![Page 16: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/16.jpg)
1971
1971 1971
1971
1971 1971
1971
1971 1971
1971
1971
19711981
1971
1971
19711971
19811981
![Page 17: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/17.jpg)
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](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/18.jpg)
1991
![Page 19: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/19.jpg)
breve história do design |
![Page 20: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/20.jpg)
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](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/21.jpg)
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](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/22.jpg)
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](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/23.jpg)
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](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/24.jpg)
O DESIGNVISUAL
![Page 25: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/25.jpg)
design gráfico
design editorial
![Page 26: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/26.jpg)
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](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/27.jpg)
design audiovisual
design e a fotografia
![Page 28: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/28.jpg)
![Page 29: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/29.jpg)
![Page 30: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/30.jpg)
![Page 31: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/31.jpg)
![Page 32: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/32.jpg)
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](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/33.jpg)
é 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](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/34.jpg)
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](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/35.jpg)
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](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/36.jpg)
![Page 37: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/37.jpg)
![Page 38: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/38.jpg)
nível do olho
ponto de fugaponto de fuga
![Page 39: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/39.jpg)
![Page 40: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/40.jpg)
![Page 41: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/41.jpg)
![Page 42: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/42.jpg)
![Page 43: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/43.jpg)
![Page 44: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/44.jpg)
![Page 45: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/45.jpg)
![Page 46: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/46.jpg)
![Page 47: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/47.jpg)
![Page 48: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/48.jpg)
![Page 49: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/49.jpg)
![Page 50: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/50.jpg)
![Page 51: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/51.jpg)
![Page 52: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/52.jpg)
![Page 53: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/53.jpg)
![Page 54: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/54.jpg)
![Page 55: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/55.jpg)
![Page 56: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/56.jpg)
![Page 57: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/57.jpg)
![Page 58: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/58.jpg)
![Page 59: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/59.jpg)
![Page 60: This I gn](https://reader034.fdocumentos.com/reader034/viewer/2022052703/568c347c1a28ab023590a1b6/html5/thumbnails/60.jpg)