Escolar Documentos
Profissional Documentos
Cultura Documentos
Competências Habilidades
Desenvolver interfaces visuais
Manipular ou construir elementos
para aplicativos e sites
visuais Aplicativos e sites
Conceitos Históricos
Era da Produção
A Era da produção (antes dos anos 20) dividiu-se em duas sub etapas básicas: produto e produção. Com relação ao
produto, a ideia predominante era de que ele se vendia sozinho. O segundo fator era a produção, isto é, a preocupação
com a quantidade produzida, pois havia escassez de produtos e o que importava era acelerar a produção massificada.
Vale lembrar que, neste período os comerciantes contavam apenas com os jornais e outros tipos de impressos para
fazer chegar ao consumidor a informação dos produtos por eles fabricados.
Era das Vendas
Com o passar dos tempos, as empresas foram percebendo que não bastava produzir em grande volume; era preciso
escoar a produção e liberar os estoques. Entrava em cena a Era de vendas (final dos anos 20 até anos 50).
Era do Marketing
O mercado foi se modificando e novas empresas surgindo. A concorrência acirrada gerou a necessidade de criar métodos
diferentes de venda, de conquistar o consumidor e torná-lo fiel ao produto e à marca. Era a vez das empresas irem atrás
do consumidor, fazendo nascer assim a Era do Marketing (após os anos 50). Nesta era, o cliente se tornou o centro da
atenção e passou a ser influenciado, em seus hábitos de compra, por um meio inovador de comunicação, que agora
associava áudio e vídeo: a televisão, que até hoje é o principal meio que divulga as mensagens dos anunciantes.
Era digital
Embora não componha a classificação de Boone, acrescenta-se aqui o que podemos denominar como a Era digital,
caracterizada pelo uso intensivo e frequente da internet para todo o processo de compra, inclusive o pós-vendas,
principalmente após a década de 1990. A pesquisa por produtos/serviços passou a ser feita através dos mecanismos de
busca e depois pelas próprias mídias sociais.
O conhecimento de um determinado produto não se realiza somente por meio de um espaço físico concreto, mas
também em um espaço virtual, bem como pela opinião dos amigos, integrantes das comunidades e redes virtuais. A
aquisição passou a ser feita pelos canais on-line da empresa e até mesmo o pós-vendas migrou do telefone para o chat.
Design de tudo
designculture.com.br/design-de-tudo-etimologia
O que é Design Digital
https://designculture.com.br/o-que-e-design-digital
Exercício – Logomarca
- Starbucks - F1 (antigo)
- Nike - F1 (novo)
- Fedex - Wikipédia
- Hyundai - Beats
- Apple - Pinterest
- LG - Hope for African Children Initiative
- Dell - Spartan Golf Club
- Toblerone - Bradesco
- Carrefour - NuBank
- Pepsi - Itaú
Tipografia
https://www.youtube.com/watch?v=mpZi00xzldI
O que é?
Grafia = Escrita
O que é?
Porém, como a maior parte da escrita hoje é feita digitalmente, esse
significado caiu em desuso e passou a abranger todo o estudo, criação e
aplicação dos caracteres, estilos, formatos e arranjos visuais das
palavras.
Estilos de fontes
1
As fontes sem serifa são mais utilizadas em títulos, chamadas e nos textos
digitais
2
As fontes com serifa são as mais adequadas para livros e grandes volumes de
texto impresso, já que auxiliam a leitura com maior continuidade e sem tanto
cansaço visual.
3
Thin, Light, Regular, Medium ou Semi Bold, Bold e Black ou Extra Bold
Medidas tipográficas
Linha de caixa alta
Forma como os elementos de um todo se organizam.
Composição Gráfica?
Tipos
Elementos gráficos
Letras de diferentes formas
simples
e estruturas
Pontos, linhas
Elementos geométricos
Polígonos, círculos, ovais,
etc..
Gráficos
Logotipos, ícones, entre Ilustrações
outros. Fotografias
EDIÇÃO DE IMAGENS
FORMATO
DPI
DPI (dots per inch, pontos por polegadas) é a medida utilizada pelos fabricantes de impressora para
determinar a resolução da imagem impressa. Normalmente máquinas para uso residencial possuem
menor resolução máxima, enquanto as impressoras fotográficas têm um elevado valor de dpi. Veja quais
são as resoluções mais utilizadas.
CMYK
CMYK corresponde às iniciais das cores Cian (ciano), Magenta (magenta), Yellow (amarelo) and Black (preto).
Este é um padrão de quatro cores primárias, que combinadas formam cores ilimitadas. O padrão CMYK é mais usado em impressoras
domésticas e na técnica de offset.
RGB
RGB corresponde às iniciais das 3 cores Red (vermelho), Green (verde) e Blue (azul). Este padão é utilizado para exibição em monitores de
computador e televisores em geral é também o padrão das impressoras Fine Art. Como é o padrão que gera maior variedade de cores as impressoras
de fine art são configuradas para trabalharem com esse padrão e não com o CMYK.
FORMATOS
PSD (Adobe Photoshop Document)
Muito utilizado por profissionais da área de design, o formato PSD é indicado principalmente para usuários das versões do Photoshop por possuir suporte a
máscaras, modo CMYK, camada de texto, canais alfa e outras ferramentas avançadas. Muitos profissionais da área preferem salvar a imagem original em PSD
para manter a estrutura original e gerar outros formatos (como JPEG, PNG, assim por diante) conforme a necessidade.
- Página Inicial (Foco na explicação dos serviços e diferenciais + botão para logar)
As páginas deverão ser entregues em formato fullHD em jpeg através do Microsoft teams.
Exercício – Logomarca
- Starbucks - F1 (antigo)
- Nike - F1 (novo)
- Fedex - Wikipédia
- Hyundai - Beats
- Apple - Pinterest
- LG - Hope for African Children Initiative
- Dell - Spartan Golf Club
- Toblerone - Bradesco
- Carrefour - NuBank
- Pepsi - Itaú
Exercício – Logomarca
A partir da marca utilizada na apresentação do inicio do semestre, desenvolva um Cartão Virtual com o
tema Boas Festas (Natal e Ano Novo) para ser disparado aos clientes da empresa em agradecimento ao ano
que se passou através de e-mail.
Regras:
https://buero-huegel.de/projekte
Surinder Thakur usa
linhas diagonais,
sombras elegantes e
discretas com um estilo
de apresentação de
forma minimalista.
http://surinderthakur.com/
Flow4, com um
layout fluído, este site
trabalha de forma
interativa e com
efeitos de paralax
para ter um
diferencial em sua
apresentação.
https://flow4.com/
eTecc / Interactive
é um projeto
simples, moderno,
minimalista que
trabalha com um
laranja old school.
Sua combinação de
usabilidade o torna
um projeto muito
bem executado
como um todo.
https://www.etecc.com/
Nightshift é uma
empresa de criação
de conteúdo
especializada em
vídeo. Apesar de ser
um site com uma
aparência comum
ele é muito bem
feito
http://www.nightshift.fr/
Obrigado ;)