SlideShare uma empresa Scribd logo
1 de 33
Trabalho Realizado Por : Luís Vieira Nº5
PM2
Design e Composição Gráfica
Interface Gráfica
 A interface gráfica é um
conceito da forma de
interação entre o
usuário do computador
e um programa por
meio de uma tela ou
representação gráfica,
visual, com desenhos,
imagens, etc.
Geralmente é
entendido como a “tela”
de um programa.
Layout
 O layout é um esboço ou
rascunho que mostra a
estrutura física de uma
página de um jornal,
revista ou página na
internet (como um blogue,
por exemplo).
O layout engloba
elementos como texto,
gráficos, imagens e a
forma como eles se
encontram em um
determinado espaço.
O layout gráfico
pressupõe o trabalho de
um designer gráfico, que
vai trabalhar no formato e
números de página e
Identidade corporativa
 Identidade
Corporativa nada
mais é do que o
conjunto de valores
e crenças que
diferenciam uma
organização das
outras que existem
no mercado, em
outras palavras
podemos dizer que é
a personalidade da
organização. Além
disso, a Identidade
Corporativa inclui
um conjunto de
imagem, logotipo,
símbolo e cores que
são veiculados junto
à imagem da
Tipografia
 Tipografia é o
conjunto de
procedimentos
artísticos e
técnicos que
abrangem as
diversas etapas
da produção
gráfica (desde a
criação dos
caracteres até a
impressão e
acabamento).
Tipologia
 Tipologia é a ciência que estuda os tipos,
diferença intuitiva e conceptual de formas de
modelo ou básicas. A tipologia é muito usada na
área de estudos sistemáticos, para definir
diferentes categorias.
Branding
 Branding é o agrupamento de soluções que uma
marca necessita para sobreviver no mercado.
Ele abrange desde a criação de uma
nova marca, na administração da mesma e no
reposicionamento de marcas existentes que
passam por dificuldades.
Comunicação Visual
 A Comunicação Visual abrange campos muito
diferentes como a pintura, o desenho, a
fotografia, o cinema, a televisão e a internet, mas
cada qual com as suas regras próprias, podemos
concluir que a imagem é uma grande forma de
comunicação.
Copyright
 Também denominado direitos de autor ou direitos
autorais, o copyright impede a cópia ou
exploração de uma obra sem que haja permissão
para tal. Toda obra original incluindo música,
imagens, vídeos, documentos digitais,
fotografias, arranjo gráfico em uma obra
publicada, etc., são trabalhos que dão ao
proprietário direitos exclusivos.
Brainstorming
Banner
 Banner é uma das ferramentas para divulgação
de um produto, serviço ou marca de uma
empresa, pois possuem alto impacto visual.
Estimulando assim, o público consumidor e
atraindo novos clientes.
Briefing
 Briefing é um conjunto de informações, e um
recolher de dados para o desenvolvimento de um
trabalho.
 É também um processo utilizado na área
administrativa, por profissionais da comunicação,
relações públicas e publicitários.
Designer
Gestalt
 Palavra alemã
que significa a
“integração das
partes “em
oposição à
soma do tomo
 A gestalt estuda
o motivo pelo
qual algumas
formas
agradam mais
que outras .
Logomarca
 Logomarca, ou simplesmente logo, é a
representação gráfica do nome de uma
empresa ou marca, que determina a sua
identidade visual e tem como objetivo facilitar o
Logotipo
 O logotipo tem o objetivo de diferenciar uma
marca dos seus concorrentes, criando uma
ligação com os consumidores e potenciais
consumidores.
Metodologia de Projeto
Mock-up
 Mock-up é um
modelo
em escala ou de
tamanho real de
um projeto ou
dispositivo,
usado para
ensino,
demonstração,
avaliação de
design,
promoção e
outros
Portfólio
Teaser
 O Teaser é um documento aplicável a
processos de vendas de empresas, que
visa apresentar de modo resumido quais
são as principais características da
oportunidade do negócio e do mercado,
porém sem que seja possível determinar
de qual empresa se trata especificamente.
Target
 Target não é necessariamente o público-alvo,
mas os objetivos gerais a que se quer atingir com
a estratégia de comunicação.
Thumbnail
 O thumbnail são versões reduzidas de imagens,
usadas para tornar mais fácil o processo de
procurar e reconhecer. Os motores de busca de
imagem e programas de organização destas
usam-nos muitas vezes, tal como alguns
sistemas operativos e ambientes de trabalho
modernos.
UX-Design
 UX-Design está relacionado com a experiência
do usuário e com seus sentimentos.
UI Design
 É o meio pela qual uma pessoa interage e
controla um dispositivo, software ou aplicativo.
 Esse controle pode ser feito por meio de botões,
menus e qualquer elemento que forneça uma
interacção entre o dispositivo e o usuário.
Sketch
 Sketch tal como a tradução significa um esboço e
serve também para praticar o desenho: uma
forma de estudo; uma forma de entretenimento
Serifa
 São os pequenos traços e prolongamentos que
ocorrem no fim das hastes das letras.
Usabilidade
Acessibilidade
Responsive Design
 É programar um site de forma que os elementos
que o compõem se adaptem automaticamente à
largura de tela do dispositivo no qual ele está
sendo visualizado.
Ergonomia
Hierarquia visual
Consistência visual
 A consistência visual é essencial para reduzir o
atrito cognitivo da interface.Um projeto pouco
coerente pode resultar num design difícil de
alcançar, produzindo desconfiança por parte dos
utilizadores.
Equilíbrio visual
 O equilíbrio pode ser
definido como um estado
em que nenhum elemento
gráfico é enfatizado, com
isso a composição
transmite uma sensação de
equilíbrio visual, que pode
ser estático ou dinâmico
(nada tendo a ver com a
imagem ter movimento ou
não).

Mais conteúdo relacionado

Mais procurados (10)

Editoracao eletrônica e design gráfico
Editoracao eletrônica e design gráficoEditoracao eletrônica e design gráfico
Editoracao eletrônica e design gráfico
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Aula 03 layout
Aula 03 layoutAula 03 layout
Aula 03 layout
 
Ilustrações
IlustraçõesIlustrações
Ilustrações
 
Infografia
InfografiaInfografia
Infografia
 
Portfólio Turismo Centro de Convenções
Portfólio Turismo Centro de ConvençõesPortfólio Turismo Centro de Convenções
Portfólio Turismo Centro de Convenções
 
Curso de Design Gráfico CCJ Recife 03
Curso de Design Gráfico CCJ Recife 03Curso de Design Gráfico CCJ Recife 03
Curso de Design Gráfico CCJ Recife 03
 
Design gráfico 01
Design gráfico 01Design gráfico 01
Design gráfico 01
 
Processo criativo final
Processo criativo finalProcesso criativo final
Processo criativo final
 
Corel12
Corel12Corel12
Corel12
 

Destaque

Desenvolvimento de políticas mix
Desenvolvimento de políticas mixDesenvolvimento de políticas mix
Desenvolvimento de políticas mixBelgas07
 
Workshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisWorkshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisDaniel Lugondi
 
Design e composição gráfica
Design e composição gráficaDesign e composição gráfica
Design e composição gráficaPedro Fidalgo
 
Linguagem gráfica
Linguagem gráficaLinguagem gráfica
Linguagem gráficaLuiz Carlos
 
A ComposicióN GráFica 1 SintáXis Visual
A ComposicióN GráFica 1 SintáXis VisualA ComposicióN GráFica 1 SintáXis Visual
A ComposicióN GráFica 1 SintáXis Visualmorriscamorris
 
Regras básicas na construção de um site
Regras básicas na construção de um siteRegras básicas na construção de um site
Regras básicas na construção de um siteAna Santos
 
Ritmo simetria y equilibrio
Ritmo simetria y equilibrioRitmo simetria y equilibrio
Ritmo simetria y equilibriojosegmen2za
 
Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersLeonardo Pereira
 

Destaque (9)

Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
Desenvolvimento de políticas mix
Desenvolvimento de políticas mixDesenvolvimento de políticas mix
Desenvolvimento de políticas mix
 
Workshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisWorkshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos Móveis
 
Design e composição gráfica
Design e composição gráficaDesign e composição gráfica
Design e composição gráfica
 
Linguagem gráfica
Linguagem gráficaLinguagem gráfica
Linguagem gráfica
 
A ComposicióN GráFica 1 SintáXis Visual
A ComposicióN GráFica 1 SintáXis VisualA ComposicióN GráFica 1 SintáXis Visual
A ComposicióN GráFica 1 SintáXis Visual
 
Regras básicas na construção de um site
Regras básicas na construção de um siteRegras básicas na construção de um site
Regras básicas na construção de um site
 
Ritmo simetria y equilibrio
Ritmo simetria y equilibrioRitmo simetria y equilibrio
Ritmo simetria y equilibrio
 
Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não Designers
 

Semelhante a Design gráfico e elementos visuais

Semelhante a Design gráfico e elementos visuais (20)

01 o que é design gráfico cida medeiros
01 o que é design gráfico cida medeiros01 o que é design gráfico cida medeiros
01 o que é design gráfico cida medeiros
 
Conceitos Design
Conceitos DesignConceitos Design
Conceitos Design
 
Apresentação By3 comunicação+design - abril/24
Apresentação By3 comunicação+design - abril/24Apresentação By3 comunicação+design - abril/24
Apresentação By3 comunicação+design - abril/24
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?
 
Slide PV - Programação Visual.pptx......
Slide PV - Programação Visual.pptx......Slide PV - Programação Visual.pptx......
Slide PV - Programação Visual.pptx......
 
O que e o design
O que e o designO que e o design
O que e o design
 
Cv m02
Cv   m02Cv   m02
Cv m02
 
Cv m02
Cv   m02Cv   m02
Cv m02
 
Corel12
Corel12Corel12
Corel12
 
Carolina costa nº2
Carolina costa nº2Carolina costa nº2
Carolina costa nº2
 
Design de interface
Design de interfaceDesign de interface
Design de interface
 
Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)
 
Web design com software livre
Web design com software livreWeb design com software livre
Web design com software livre
 
Cpg Aula1
Cpg Aula1Cpg Aula1
Cpg Aula1
 
Experimente Design Estrategicamente!
Experimente Design Estrategicamente!Experimente Design Estrategicamente!
Experimente Design Estrategicamente!
 
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptxBack-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
 
LOGO DESIGN "Estudo TG Cultural"
LOGO DESIGN "Estudo TG Cultural"LOGO DESIGN "Estudo TG Cultural"
LOGO DESIGN "Estudo TG Cultural"
 
Design
Design Design
Design
 
Design
DesignDesign
Design
 
Pum
PumPum
Pum
 

Design gráfico e elementos visuais

  • 1. Trabalho Realizado Por : Luís Vieira Nº5 PM2 Design e Composição Gráfica
  • 2. Interface Gráfica  A interface gráfica é um conceito da forma de interação entre o usuário do computador e um programa por meio de uma tela ou representação gráfica, visual, com desenhos, imagens, etc. Geralmente é entendido como a “tela” de um programa.
  • 3. Layout  O layout é um esboço ou rascunho que mostra a estrutura física de uma página de um jornal, revista ou página na internet (como um blogue, por exemplo). O layout engloba elementos como texto, gráficos, imagens e a forma como eles se encontram em um determinado espaço. O layout gráfico pressupõe o trabalho de um designer gráfico, que vai trabalhar no formato e números de página e
  • 4. Identidade corporativa  Identidade Corporativa nada mais é do que o conjunto de valores e crenças que diferenciam uma organização das outras que existem no mercado, em outras palavras podemos dizer que é a personalidade da organização. Além disso, a Identidade Corporativa inclui um conjunto de imagem, logotipo, símbolo e cores que são veiculados junto à imagem da
  • 5. Tipografia  Tipografia é o conjunto de procedimentos artísticos e técnicos que abrangem as diversas etapas da produção gráfica (desde a criação dos caracteres até a impressão e acabamento).
  • 6. Tipologia  Tipologia é a ciência que estuda os tipos, diferença intuitiva e conceptual de formas de modelo ou básicas. A tipologia é muito usada na área de estudos sistemáticos, para definir diferentes categorias.
  • 7. Branding  Branding é o agrupamento de soluções que uma marca necessita para sobreviver no mercado. Ele abrange desde a criação de uma nova marca, na administração da mesma e no reposicionamento de marcas existentes que passam por dificuldades.
  • 8. Comunicação Visual  A Comunicação Visual abrange campos muito diferentes como a pintura, o desenho, a fotografia, o cinema, a televisão e a internet, mas cada qual com as suas regras próprias, podemos concluir que a imagem é uma grande forma de comunicação.
  • 9. Copyright  Também denominado direitos de autor ou direitos autorais, o copyright impede a cópia ou exploração de uma obra sem que haja permissão para tal. Toda obra original incluindo música, imagens, vídeos, documentos digitais, fotografias, arranjo gráfico em uma obra publicada, etc., são trabalhos que dão ao proprietário direitos exclusivos.
  • 11. Banner  Banner é uma das ferramentas para divulgação de um produto, serviço ou marca de uma empresa, pois possuem alto impacto visual. Estimulando assim, o público consumidor e atraindo novos clientes.
  • 12. Briefing  Briefing é um conjunto de informações, e um recolher de dados para o desenvolvimento de um trabalho.  É também um processo utilizado na área administrativa, por profissionais da comunicação, relações públicas e publicitários.
  • 14. Gestalt  Palavra alemã que significa a “integração das partes “em oposição à soma do tomo  A gestalt estuda o motivo pelo qual algumas formas agradam mais que outras .
  • 15. Logomarca  Logomarca, ou simplesmente logo, é a representação gráfica do nome de uma empresa ou marca, que determina a sua identidade visual e tem como objetivo facilitar o
  • 16. Logotipo  O logotipo tem o objetivo de diferenciar uma marca dos seus concorrentes, criando uma ligação com os consumidores e potenciais consumidores.
  • 18. Mock-up  Mock-up é um modelo em escala ou de tamanho real de um projeto ou dispositivo, usado para ensino, demonstração, avaliação de design, promoção e outros
  • 20. Teaser  O Teaser é um documento aplicável a processos de vendas de empresas, que visa apresentar de modo resumido quais são as principais características da oportunidade do negócio e do mercado, porém sem que seja possível determinar de qual empresa se trata especificamente.
  • 21. Target  Target não é necessariamente o público-alvo, mas os objetivos gerais a que se quer atingir com a estratégia de comunicação.
  • 22. Thumbnail  O thumbnail são versões reduzidas de imagens, usadas para tornar mais fácil o processo de procurar e reconhecer. Os motores de busca de imagem e programas de organização destas usam-nos muitas vezes, tal como alguns sistemas operativos e ambientes de trabalho modernos.
  • 23. UX-Design  UX-Design está relacionado com a experiência do usuário e com seus sentimentos.
  • 24. UI Design  É o meio pela qual uma pessoa interage e controla um dispositivo, software ou aplicativo.  Esse controle pode ser feito por meio de botões, menus e qualquer elemento que forneça uma interacção entre o dispositivo e o usuário.
  • 25. Sketch  Sketch tal como a tradução significa um esboço e serve também para praticar o desenho: uma forma de estudo; uma forma de entretenimento
  • 26. Serifa  São os pequenos traços e prolongamentos que ocorrem no fim das hastes das letras.
  • 29. Responsive Design  É programar um site de forma que os elementos que o compõem se adaptem automaticamente à largura de tela do dispositivo no qual ele está sendo visualizado.
  • 32. Consistência visual  A consistência visual é essencial para reduzir o atrito cognitivo da interface.Um projeto pouco coerente pode resultar num design difícil de alcançar, produzindo desconfiança por parte dos utilizadores.
  • 33. Equilíbrio visual  O equilíbrio pode ser definido como um estado em que nenhum elemento gráfico é enfatizado, com isso a composição transmite uma sensação de equilíbrio visual, que pode ser estático ou dinâmico (nada tendo a ver com a imagem ter movimento ou não).