Conhecendo a funo das

cores, letras e formas

Professor Eduardo Santos
www.agni.art.br
Conceitos de Design
Conceitos de Design
O que Design
!erramentas e Clich"s
Design # Pro$eto
Conhecendo o usu%rio
Psicodin&mica das Cores
'i(ografia
)estalt
*efer"ncias de Estudo
Conceitos de Design Eduardo Santos
No existe Web Design.
Existe o Design
que faz Web
Conceitos de Design
Conceitos de Design
Existe o Design que faz Web, e esse
profissional tem que aprender tudo
!ipografia, "otografia, Semi#tica,
$estalt, %atem&tica, 'tica, (ercep)o,
Comportamento *umano, etc.
Seno ele no consegue fazer Web.
+lexandre Wollner
Conceitos de Design Eduardo Santos
!io, o que , Design-
'io, o que design
'io, o que design
Design refere.se ao pro/eto 0isual e
funcional de um produto, a adapta)o
de um produto a necessidade dos
seus usu&rios, cati0ando o seu uso
atra0,s da est,tica, aplicando.se
conceitos e usabilidade a sua forma.
Conceitos de Design Eduardo Santos
Sua fun)o , respons&0el
por gerar desempen1o,
qualidade, durabilidade e
apar2ncia a um produto.
Design , uma &rea (ro/etual
'io, o que design
'io, o que design
Conceitos de Design Eduardo Santos
+ fun)o do Design, al,m da
est,tica, , tornar um produto
funcional.
'io, o que design
'io, o que design
Conceitos de Design Eduardo Santos
transformar
Informao
Em
Comunicao
"erramentas
e Clic12s
!erramentas
!erramentas
e Clich"s
e Clich"s
Os Softwares so
a(enas ferramentas,
e no garantem a
qualidade do (ro$eto.
Conceitos de Design Eduardo Santos
!erramentas
!erramentas
e Clich"s
e Clich"s
+Saber como a ferramenta
funciona,
bem diferente de
+Saber o que fa-er com ela,
Conceitos de Design Eduardo Santos
Quer ver?
www.havenworks.com
!erramentas e
!erramentas e
Clich"s
Clich"s
Estilos, "iltros e 3rus1ers
Estilos, "iltros e 3rus1ers

4+quela id,ia genial...que todo mundo /& te0e56

Conceitos de Design Eduardo Santos
!erramentas e
!erramentas e
Clich"s
Clich"s
./uem tem a res(osta antes da
(ergunta no trabalha com Design
mas sim com clich"s.
(Claudio !erlauto)
Conceitos de Design Eduardo Santos
!erramentas e Clich"s
!erramentas e Clich"s
Nenhum software deve ser encarado
como uma soluo pronta
0 definio do que Design 1ai
muito alm do Photosho(
Conceitos de Design Eduardo Santos
Design 7 (ro/eto
Desenvolvimento
Rafes,
Conceituao,
Layouts,
Alteraes e
Ajustes
Finalizao
Arte-Final,
Detalhamento
executivo,
oramentos,
acomanhamento
!a ro!uo
"lanejamento
"es#uisa,
$strat%&ia e
"osicionamento
no merca!o,
Concorr'ncia
Desenho "ro!uo Ativi!a!e intelectual
(eto!olo&ia )*sica !o !esi&n
Design # Pro$eto
Design # Pro$eto
Conceitos de Design Eduardo Santos
8. C9N*ECE:
para (lane/ar
;. C:<+:
para Comunicar
=. C9%>N<C+:
para o p?blico :eagir
@. +A+B<+: para
Con1ecer
C. :E+$<: para
+0aliar
E!+(+S DE
C:<+DE9 E
<%(B+N!+DE9 D9
DES<$N
F. (B+NEG+: para
Criar
2ebsite com Design
2ebsite com Design
2eb Site mal elaborado
2eb Site mal elaborado
3inguagens, letras, cores e formas
inadequados, mal utili-ados
Desen1ol1imento com(le4o,
des(erd5cio de tem(o
6sabilidade e 7anuteno
dif5cil ou at incom(reens51el
C8(ia ou bai4a diferenciao,
Clich"s, banal
Concorre (elo (reo
!unciona mal, lento ou torna9se
obsoleto ra(idamente
oferece riscos de in1estimento
Em(rego de linguagens, letras,
cores e formas a(ro(riados
efici"ncia de Desen1ol1imento
!acilidade de uso e manuteno
0(ar"ncia atrati1a e significati1a
:alor agregado
;om desem(enho e 1elocidade
de carregamento
7aiores (ossibilidade de retorno
Con1ecendo o
>su&rio
Conhecendo o usu%rio
Conhecendo o usu%rio
Briefing um documento onde so
colocadas as informaes e dados
necessrios para a criao de qualquer
projeto, como objetivos, informaes
sobre o produto , imaem a ser
transmitida, o (<blico al1o, etc!
Conceitos de Design Eduardo Santos
Conhecendo o usu%rio
Conhecendo o usu%rio
C0=0>S DE C0P'0?@O DE ES'A763OS
:isual 0uditi1o Sinestsico
"rata#se, pois, de
pessoa que pensa
em imaens,
entende atravs
de imaens e v$ o
mundo por
imaens
busca seu pr%prio
quadro de
sentimentos e
sensaes de
representao do
mundo
&le escuta o
mundo, sens'vel
a sons e projeta#
se atravs de sons
Conceitos de Design Eduardo Santos
(sicodinHmica das
Cores
Psicodin&mica das Cores
Psicodin&mica das Cores
Cada cor transmite
informaBes, sensaBes
e emoBes diferentes
Conceitos de Design Eduardo Santos
Psicodin&mica das Cores
Psicodin&mica das Cores
Combinaes Cromticas
(or mais que se saiba que cores
transmitem as sensaes desejadas,
essencial saber como combina#las
Conceitos de Design Eduardo Santos
!ipografia
'i(ografia
'i(ografia
'oda idia a ser
transmitida tradu-ida
atra1s de letras
Conceitos de Design Eduardo Santos
'i(ografia
'i(ografia
Para comunicar uma idia
deve#se trabalhar com fontes que
priori)em a leibilidade e que tenham
relao com o conte*to do projeto
Conceitos de Design Eduardo Santos
$estalt
)estalt
)estalt
'eoria da (erce(o
1isual baseada na
(sicologia da forma
Conceitos de Design Eduardo Santos
)estalt
)estalt
+prendendo a analisar as manifestaes
visuais e objetos ao redor, compreende#se
melhor o porqu$ alumas formas aradam
e outras no, podendo assim trabalhar
esses fatores em nossos projetos
Conceitos de Design Eduardo Santos
)estalt
)estalt
, estudo da -estalt
compreende a
.interao das partes
em oposio / soma do
todo0 estrutura, fiura e
forma
Conceitos de Design Eduardo Santos
)estalt
)estalt
3eis da )estalt
1 2nificao e 3ereao
1 4echamento
1 5oa continuidade
1 (ro*imidade
1 3emelhana
Conceitos de Design Eduardo Santos
Os (rocessos e conceitos
necess%rios (ara se tornar um
Designer no se encerram aqui.
Outros conhecimentos, como
Semi8tica, 0ntro(ologia, 0rte,
tcnicas de com(osio, alm da
busca de boas influ"ncias, so
essenciais na formao de um
(rofissional
*efer"ncia
*efer"ncia
(ublicado no <%+S!E:S
III.imasters.com.br
0rtigoC
0 !uno do Design
Conceitos de Design Eduardo Santos
Eduardo Santos
htt(CDDwww.agni.art.br
eduardo6ani!art!br
Outras !ontesC Outras !ontesC
1 ap7esin 8 +ssociao dos profissionais em 7esin do 93
1 :omunidade 5rasileira de 7esin
1 9elacionamento ;nterpessoal e a proramao Neurolin<istica 8 5enedito =! :ali*to