SlideShare ist ein Scribd-Unternehmen logo
1 von 34
Enfim,
2013hip hip urra!
Tecnologias Digitais aplicadas a Projeto Gráfico | Professora Claudia Bordin | DADIN UTFPR
MATERIAL DE APOIO A DISCIPLINA DO CURSO DE TECNOLOGIA EM DESIGN GRÁFICO UTFPR. QUER USAR? SEJA LEGAL E CITE A FONTE.
Tipografia!
Tratamento
e manipulação de
imagens!
Diagramação
interfaces
digitais!
projeto
gráfico
Tecnologias Digitais para
apresentação
da proposta da
disciplina
Claudia Bordin
Rodrigues
1o.Sem 2013
UTFPR
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
1
2
‣ Conhecer as ferramentas básicas
do software de edição de imagens
dentro do escopo das atividades
do designer gráfico
‣ Estudar e utilizar a tipografia no
contexto do desenvolvimento de
projetos gráficos através de
exercícios e análises
‣ Compreender e utilizar grids
estruturais para composição em
projetos utilizando texto e imagem
‣ Compreender os princípios do
design de interfaces digitais (web e
aplicativos)
objetivos
Edição de imagem
Tipografia
Grid
Interface Web + Apps
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
conceitos 1
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
1conceitos
2 inspirações
3conexões
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
Câmera Digital
publicação impressão
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
1
Mesa Digitalizadora
Digitalização
1
2
design gráfico
a tipografia no
conceitos 1
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
Neville Brody
Laura Guidalli
Sock Alphabet
Tonny Venne
Value Pack
Robert Bolesta
PantyRaid
Jennifer Mahanay e Gina Vieceli-Garza
Nutritiva
Fonte desenvolvida com a utilização de alimentos (chá mate, macarrão, amendoim, chocolate granulado e cereal matinal). Nhac!
Por Cauhana, Felipe, Luciana e Thawana. Agosto de 2010.
20
Nutritiva
Fonte desenvolvida com a utilização de alimentos (chá mate, macarrão, amendoim, chocolate granulado e cereal matinal). Nhac!
Por Cauhana, Felipe, Luciana e Thawana. Agosto de 2010.
21
1
2
design gráfico
a imagem no
conceitos 1
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
Revista RAYGUN
David Carson
Stefan Sagmeister
Tide Hellmeister
Linha O Boticário
Lumen Design, Curitiba
Vitalize
Smashing Magazine
1
2
design digital
interfaces gráficas e
conceitos 1
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
http://www.smashingmagazine.com/2010/08/27/free-wireframing-kits-ui-design-kits-pdfs-and-resources/
1
2
planejamento
objetos de avaliação
1. Caderno espiral sulfite 60 - média de 50 folhas
2. Exercícios impressos em A4 e publicados em JPEG
para o tumblr
3. Tumblr do grupo (2/3 integrantes): nome fictício de
estúdio
4. Peças gráficas em outros formatos (ex. capa de cd,
cartaz, tipografia vetor, etc...)
1
2
como funcionam as avaliações?
Exercícios valem ponto (todos eles) e são pré-
requisitos para os projetos.
Projetos valem mais pontos.
Cada módulo (tipografia, imagem, diagramação e
digital) precisam de pelo menos 60% de média para
aprovação.

Weitere ähnliche Inhalte

Ähnlich wie Introdução a disciplina de Tecnologias Digitais

Orientações para o projeto Jornal
Orientações para o projeto JornalOrientações para o projeto Jornal
Orientações para o projeto Jornalprofclaubordin
 
Panorama Industria Fonográfica - Projeto Grafico Editorial
Panorama Industria Fonográfica - Projeto Grafico EditorialPanorama Industria Fonográfica - Projeto Grafico Editorial
Panorama Industria Fonográfica - Projeto Grafico Editorialprofclaubordin
 
Alguns apontamentos para a Midia Musical
Alguns apontamentos para a Midia MusicalAlguns apontamentos para a Midia Musical
Alguns apontamentos para a Midia Musicalprofclaubordin
 
TecDig - Iniciando o Photoshop
TecDig - Iniciando o PhotoshopTecDig - Iniciando o Photoshop
TecDig - Iniciando o Photoshopprofclaubordin
 
Metodologia de Projeto - Design Conceitos - 1.1.BAI430
Metodologia de Projeto - Design Conceitos - 1.1.BAI430Metodologia de Projeto - Design Conceitos - 1.1.BAI430
Metodologia de Projeto - Design Conceitos - 1.1.BAI430Valdir Soares
 
Planejamento e análise de web cenário
Planejamento e análise de web cenárioPlanejamento e análise de web cenário
Planejamento e análise de web cenárioAndre Coimbra
 
Palestra sobre Design de Produto para o 17º Startup Chopp Blumenau
Palestra sobre Design de Produto para o 17º Startup Chopp BlumenauPalestra sobre Design de Produto para o 17º Startup Chopp Blumenau
Palestra sobre Design de Produto para o 17º Startup Chopp BlumenauVitor Hugo
 
Carolina Cruz | Produção de Conteúdo
Carolina Cruz | Produção de ConteúdoCarolina Cruz | Produção de Conteúdo
Carolina Cruz | Produção de ConteúdoCarolina Cruz
 
Apresentacao para candidatos 161013
Apresentacao para candidatos 161013Apresentacao para candidatos 161013
Apresentacao para candidatos 161013adeboff
 
Como Destacar Sua Empresa nas Mídias Sociais maio 2013 parte 1
Como Destacar Sua Empresa nas Mídias Sociais maio 2013   parte 1Como Destacar Sua Empresa nas Mídias Sociais maio 2013   parte 1
Como Destacar Sua Empresa nas Mídias Sociais maio 2013 parte 1Denis Zanini
 
Design Thinking - Metodologia para Inovação
Design Thinking - Metodologia para InovaçãoDesign Thinking - Metodologia para Inovação
Design Thinking - Metodologia para InovaçãoPaulo Oliveira
 
05 briefing problema_cases
05 briefing problema_cases05 briefing problema_cases
05 briefing problema_casesprofclaubordin
 
Design de Interação parte II
Design de Interação parte IIDesign de Interação parte II
Design de Interação parte IIKarine Drumond
 
Apresentação Mestrado Out 2013
Apresentação Mestrado Out 2013Apresentação Mestrado Out 2013
Apresentação Mestrado Out 2013ppgdesignunisinos
 
Uso midia digitiais em educacao - Curso de extensao em Ensino de Física - 2016
Uso midia digitiais em educacao - Curso de extensao em Ensino de Física - 2016Uso midia digitiais em educacao - Curso de extensao em Ensino de Física - 2016
Uso midia digitiais em educacao - Curso de extensao em Ensino de Física - 2016Sérgio F. de Lima
 
00 aulaintroducao editorial
00 aulaintroducao editorial00 aulaintroducao editorial
00 aulaintroducao editorialprofclaubordin
 

Ähnlich wie Introdução a disciplina de Tecnologias Digitais (20)

Orientações para o projeto Jornal
Orientações para o projeto JornalOrientações para o projeto Jornal
Orientações para o projeto Jornal
 
Panorama Industria Fonográfica - Projeto Grafico Editorial
Panorama Industria Fonográfica - Projeto Grafico EditorialPanorama Industria Fonográfica - Projeto Grafico Editorial
Panorama Industria Fonográfica - Projeto Grafico Editorial
 
Alguns apontamentos para a Midia Musical
Alguns apontamentos para a Midia MusicalAlguns apontamentos para a Midia Musical
Alguns apontamentos para a Midia Musical
 
TecDig - Iniciando o Photoshop
TecDig - Iniciando o PhotoshopTecDig - Iniciando o Photoshop
TecDig - Iniciando o Photoshop
 
Metodologia de Projeto - Design Conceitos - 1.1.BAI430
Metodologia de Projeto - Design Conceitos - 1.1.BAI430Metodologia de Projeto - Design Conceitos - 1.1.BAI430
Metodologia de Projeto - Design Conceitos - 1.1.BAI430
 
Planejamento e análise de web cenário
Planejamento e análise de web cenárioPlanejamento e análise de web cenário
Planejamento e análise de web cenário
 
Quem somos? LAB D - Laboratório de Marketing Digital
Quem somos? LAB D - Laboratório de Marketing DigitalQuem somos? LAB D - Laboratório de Marketing Digital
Quem somos? LAB D - Laboratório de Marketing Digital
 
Palestra sobre Design de Produto para o 17º Startup Chopp Blumenau
Palestra sobre Design de Produto para o 17º Startup Chopp BlumenauPalestra sobre Design de Produto para o 17º Startup Chopp Blumenau
Palestra sobre Design de Produto para o 17º Startup Chopp Blumenau
 
Carolina Cruz | Produção de Conteúdo
Carolina Cruz | Produção de ConteúdoCarolina Cruz | Produção de Conteúdo
Carolina Cruz | Produção de Conteúdo
 
Prototipação
PrototipaçãoPrototipação
Prototipação
 
Apresentacao para candidatos 161013
Apresentacao para candidatos 161013Apresentacao para candidatos 161013
Apresentacao para candidatos 161013
 
Como Destacar Sua Empresa nas Mídias Sociais maio 2013 parte 1
Como Destacar Sua Empresa nas Mídias Sociais maio 2013   parte 1Como Destacar Sua Empresa nas Mídias Sociais maio 2013   parte 1
Como Destacar Sua Empresa nas Mídias Sociais maio 2013 parte 1
 
Plano de ensino_design_grafico
Plano de ensino_design_graficoPlano de ensino_design_grafico
Plano de ensino_design_grafico
 
Design Thinking - Metodologia para Inovação
Design Thinking - Metodologia para InovaçãoDesign Thinking - Metodologia para Inovação
Design Thinking - Metodologia para Inovação
 
05 briefing problema_cases
05 briefing problema_cases05 briefing problema_cases
05 briefing problema_cases
 
Design de Interação parte II
Design de Interação parte IIDesign de Interação parte II
Design de Interação parte II
 
Projeto Grafico Editorial - 2 Sem 2015
Projeto Grafico Editorial - 2 Sem 2015Projeto Grafico Editorial - 2 Sem 2015
Projeto Grafico Editorial - 2 Sem 2015
 
Apresentação Mestrado Out 2013
Apresentação Mestrado Out 2013Apresentação Mestrado Out 2013
Apresentação Mestrado Out 2013
 
Uso midia digitiais em educacao - Curso de extensao em Ensino de Física - 2016
Uso midia digitiais em educacao - Curso de extensao em Ensino de Física - 2016Uso midia digitiais em educacao - Curso de extensao em Ensino de Física - 2016
Uso midia digitiais em educacao - Curso de extensao em Ensino de Física - 2016
 
00 aulaintroducao editorial
00 aulaintroducao editorial00 aulaintroducao editorial
00 aulaintroducao editorial
 

Mehr von profclaubordin

Disciplina de Webdesign - Literacia, Internet e orientações gerais
Disciplina de Webdesign - Literacia, Internet e orientações geraisDisciplina de Webdesign - Literacia, Internet e orientações gerais
Disciplina de Webdesign - Literacia, Internet e orientações geraisprofclaubordin
 
Proposta Livreto Virtual
Proposta Livreto VirtualProposta Livreto Virtual
Proposta Livreto Virtualprofclaubordin
 
Projeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoProjeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoprofclaubordin
 
Projeto Grafico para uma Obra Literária
Projeto Grafico para uma Obra LiteráriaProjeto Grafico para uma Obra Literária
Projeto Grafico para uma Obra Literáriaprofclaubordin
 
Metodologia de Projeto - Ex Libris
Metodologia de Projeto - Ex LibrisMetodologia de Projeto - Ex Libris
Metodologia de Projeto - Ex Librisprofclaubordin
 
O processo de design_Graphic Design Thinking
O processo de design_Graphic Design ThinkingO processo de design_Graphic Design Thinking
O processo de design_Graphic Design Thinkingprofclaubordin
 
Historia da Tipografia-parte1
Historia da Tipografia-parte1Historia da Tipografia-parte1
Historia da Tipografia-parte1profclaubordin
 
Conceito - Ambiente expositivo
Conceito - Ambiente expositivoConceito - Ambiente expositivo
Conceito - Ambiente expositivoprofclaubordin
 
Experiência, mediação e interação
Experiência, mediação e interaçãoExperiência, mediação e interação
Experiência, mediação e interaçãoprofclaubordin
 
Tipografia - Olhar ao redor
Tipografia - Olhar ao redorTipografia - Olhar ao redor
Tipografia - Olhar ao redorprofclaubordin
 
Encadernação de livros - imagens
Encadernação de livros - imagensEncadernação de livros - imagens
Encadernação de livros - imagensprofclaubordin
 
03 orientacoes obraliteraria
03 orientacoes obraliteraria03 orientacoes obraliteraria
03 orientacoes obraliterariaprofclaubordin
 
Mapeamento de conteúdo - aplicativo
Mapeamento de conteúdo - aplicativoMapeamento de conteúdo - aplicativo
Mapeamento de conteúdo - aplicativoprofclaubordin
 
Olhando para o futuro, olhando para o passado - 2062!
Olhando para o futuro, olhando para o passado - 2062!Olhando para o futuro, olhando para o passado - 2062!
Olhando para o futuro, olhando para o passado - 2062!profclaubordin
 
Introdução aos aplicativos web
Introdução aos aplicativos webIntrodução aos aplicativos web
Introdução aos aplicativos webprofclaubordin
 
Introdução ao Design de Interação
Introdução ao Design de InteraçãoIntrodução ao Design de Interação
Introdução ao Design de Interaçãoprofclaubordin
 
Tipografia: anatomia tipográfica
Tipografia: anatomia tipográficaTipografia: anatomia tipográfica
Tipografia: anatomia tipográficaprofclaubordin
 

Mehr von profclaubordin (19)

Disciplina de Webdesign - Literacia, Internet e orientações gerais
Disciplina de Webdesign - Literacia, Internet e orientações geraisDisciplina de Webdesign - Literacia, Internet e orientações gerais
Disciplina de Webdesign - Literacia, Internet e orientações gerais
 
Proposta Livreto Virtual
Proposta Livreto VirtualProposta Livreto Virtual
Proposta Livreto Virtual
 
Projeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoProjeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introdução
 
Projeto Grafico para uma Obra Literária
Projeto Grafico para uma Obra LiteráriaProjeto Grafico para uma Obra Literária
Projeto Grafico para uma Obra Literária
 
Participant worksheet
Participant worksheetParticipant worksheet
Participant worksheet
 
Metodologia de Projeto - Ex Libris
Metodologia de Projeto - Ex LibrisMetodologia de Projeto - Ex Libris
Metodologia de Projeto - Ex Libris
 
O processo de design_Graphic Design Thinking
O processo de design_Graphic Design ThinkingO processo de design_Graphic Design Thinking
O processo de design_Graphic Design Thinking
 
Historia da Tipografia-parte1
Historia da Tipografia-parte1Historia da Tipografia-parte1
Historia da Tipografia-parte1
 
Conceito - Ambiente expositivo
Conceito - Ambiente expositivoConceito - Ambiente expositivo
Conceito - Ambiente expositivo
 
Experiência, mediação e interação
Experiência, mediação e interaçãoExperiência, mediação e interação
Experiência, mediação e interação
 
Tipografia - Olhar ao redor
Tipografia - Olhar ao redorTipografia - Olhar ao redor
Tipografia - Olhar ao redor
 
02 web introahtml
02 web introahtml02 web introahtml
02 web introahtml
 
Encadernação de livros - imagens
Encadernação de livros - imagensEncadernação de livros - imagens
Encadernação de livros - imagens
 
03 orientacoes obraliteraria
03 orientacoes obraliteraria03 orientacoes obraliteraria
03 orientacoes obraliteraria
 
Mapeamento de conteúdo - aplicativo
Mapeamento de conteúdo - aplicativoMapeamento de conteúdo - aplicativo
Mapeamento de conteúdo - aplicativo
 
Olhando para o futuro, olhando para o passado - 2062!
Olhando para o futuro, olhando para o passado - 2062!Olhando para o futuro, olhando para o passado - 2062!
Olhando para o futuro, olhando para o passado - 2062!
 
Introdução aos aplicativos web
Introdução aos aplicativos webIntrodução aos aplicativos web
Introdução aos aplicativos web
 
Introdução ao Design de Interação
Introdução ao Design de InteraçãoIntrodução ao Design de Interação
Introdução ao Design de Interação
 
Tipografia: anatomia tipográfica
Tipografia: anatomia tipográficaTipografia: anatomia tipográfica
Tipografia: anatomia tipográfica
 

Introdução a disciplina de Tecnologias Digitais