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

Design e composição gráfica parte2

  • 1.
    Trabalho Realizado Por: Luís Vieira Nº5 PM2 Design e Composição Gráfica
  • 2.
    Interface Gráfica  Ainterface 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 Corporativanada 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  AComunicaçã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 denominadodireitos 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.
  • 10.
  • 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.
  • 13.
  • 14.
    Gestalt  Palavra alemã quesignifica 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, ousimplesmente 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 logotipotem o objetivo de diferenciar uma marca dos seus concorrentes, criando uma ligação com os consumidores e potenciais consumidores.
  • 17.
  • 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
  • 19.
  • 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 thumbnailsã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 talcomo 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 ospequenos traços e prolongamentos que ocorrem no fim das hastes das letras.
  • 27.
  • 28.
  • 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.
  • 30.
  • 31.
  • 32.
    Consistência visual  Aconsistê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  Oequilí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).