1 Introdução ao Design Gráfico

Prévia do material em texto

Elementos 
Gráficos
Prof.Válter Brandenburger
duvidas@sorvalter.com.br
Aula 1
Introdução ao Design Gráfico
Alguém trouxe caderno para anotações?
Sketch Book (Livro de Rascunhos)
Anotar ideias, layouts, sites, atalhos, etc...
Design Gráfico
– A Profissão -
Design: processo técnico que envolve a
concepção e criação de produtos e objetos para
um fim específico.
Projetar algo que sirva para alguma coisa, que
solucione um problema.
Definição
Hoje é uma profissão amplamente dividida em 
vários setores e ramificações:
 Design Gráfico (Desenho Industrial)
 Design de Jogos (Game Design)
 Design de Produto (de embalagens)
Web Design (Design de Interface / Design Digital)
 Design de Jóias
 Design de Moda
 Design de Interiores ...
Design Gráfico:
Antigamente chamado de Desenho Industrial.
Voltado a desenvolver todo material que possa ser
impresso.
Revistas, jornal, panfletos, cartões, fotografias, livros,
cadernos, catálogos, banners, outdoors, etc...
História do Design
Bauhaus, 1ª escola de Design, em 1919 na Alemanha.
Cadeira de 1934Cadeira de 1927
A principal evolução se deu 
com dois eventos: a criação 
da impressão na Idade 
Média, e com a invenção do 
Computador Pessoal (PC), 
por Steve Jobs.
Ferramentas de CG (Computação Gráfica)
aumentaram muito as possibilidades do Design
Gráfico
CG : Computação Gráfica
DESIGNER +PC + CG = 
Design Gráfico Hoje
Década de 40 e 50 -
Projetos Militares
 Simuladores de Vôo
 Defesa Aérea
Evolução
da CG
Década de 60 –
Sistemas CAD
Década de 70 – Jogo 
Ping Pong (Atari)
Década de 80 – Evoluções em 
Animações 3D
1982 – Filme Tron
Evolução
da CG
1989 – Filme Segredo do Abismo
1991 – Filme O Exterminador do 
Futuro II
Década de 90
1995 – Filme Toy Story
2009 – Filme Era do Gelo 3
História da CG
2009 – Avatar
WebDesign – A Profissão
Extensão do Design voltada a criação 
de layouts e páginas para Internet
“Escultores, pintores para Internet, 
Arquitetos da Informação...”
Quando a Internet surgiu, os sites possuíam 
somente textos. 
A evolução da web acompanhou as evoluções 
tecnológicas. Tinham-se ideias avançadas para 
sites, mas não tinham tecnologia. Só era possível 
criar sites quadrados, sem recursos.
Site da Microsoft (1997)
Site da Microsoft (1997)
Site da Apple (1997)
Site da Apple (1997)
Site da Netscape (1997)
Site da Netscape (1997)
As tecnologias vão implementando e facilitando... 
Surgem tendências novas...
Exemplos de tendências novas?
WebDesign x WebMaster
WebDesigner: voltado especificamente à criação do
layout, da aparência. Conhecimentos básicos de
programação (HTML, CSS, que é o essencial)
WebMaster (Desenvolvedor): conhecimentos
profundos de outras linguagens de programação:
JavaScript, PHP e Banco de Dados, Flash, Ajax, XML,
XHTML, CSS Avançado, JSP, XSLT, DOM, JSTL, JSPF,
MVC...
 Sites qualquer um cria (“micreiros”), baseado 
em programas que geram modelos (templates)...
 Desafio: Criar sites eficientes, rápidos, bonitos 
e compatíveis.
Grande Desafio Hoje
Grande Desafio Hoje
Principais Navegadores (Browsers):
 Internet Explorer (IE)
Mozilla Firefox
 Google Chrome
 Ópera
 Safari
 Konqueror
Como são feitos
sites?
Planejamento de Sites
É necessário saber quanto tempo será necessário
para construir o site, para poder calcular o número
de horas necessários e o valor estimado para passar
ao cliente...
Este é o ponto em que entra o Planejamento...
Necessário metodologia de trabalho
(metodologia projetual). Seguir etapas
definidas, para haver organização, e otimização
de tempo e diminuição de erros...
Vejamos as principais etapas:
Planejamento de Sites
 Contato / Briefing - Orçamento e Contrato
Mapa do Site 
 Rascunho do Layout (“rafes”) / Wireframes
 Coleta de Material e Referências
 Criação (programar o site)
 Validação e Testes
 Publicação (Domínio e Hospedagem)
Etapas
Exemplo de Rafe
Exemplo de Rafe
Briefing
Mapa do Site 
(links)
Rafes 
(rascunhos)
Coleta do 
Material
Tratamento do 
Material
Programação Testes Publicação
O Design de um site é criado a partir
da análise do público alvo e da
intenção do site (funcionalidades).
Programação do site é feita a partir
do design.
É uma coleção de trabalhos realizados, ou mesmo
experimentos e projetos.
Geralmente o empregador irá solicitar além do
currículo, seu portfólio para uma vaga de Web
Designer.
Portfólio