Curso de Webdesign - Escol@24horas

Princpios da composio de uma pea grfica

1) Planejamento
2) Hierarquia
3) Equilbrio
4) !itmo
") Harmonia
#) $entido de leitura
%ntes& 'or(m& uma bre)e com'ara*+o entre o design gr,-ico e o design
'ara a internet.
Design grfico Webdesign
- )oltado 'ara a 'rodu*+o
- 'ossui -orma
- 'rodu*+o em s(rie
- bai/o custo
- uso de -ontes ilimitado
- dis'osi*+o de-inida
- certe0a da re'rodu*+o de cores
- est(tica e 'adr1es resol)idos
- a'resentado como ser)i*o
- n+o 'ossui -orma
- 2nico
- alto custo
- uso de -ontes limitado
- limita*1es )isuais
- incerte0a das cores utili0adas
- est(tica sacri-icada e sem de-ini*+o
1) Planejamento
Planejar signi-ica& antes de tudo& identi-icar os elementos que ser+o
usados 'ara a montagem do 3ebsite. Elementos s+o todos aqueles
identi-ic,)eis )isualmente e que com'1em 4'e*as5 inde'endentes& cada
uma com suas caractersticas 'r6'rias.
-orma
7orma signi-ica qual ( o limite da com'osi*+o. Para 'rodu*+o gr,-ica&
signi-ica qual o tamanho do 'a'el 8re)istas& -olders& cart1es& en)elo'es&
jornais& etc.).
Para a 3eb& nossa 2nica medida ( a tela do monitor& embora atualmente
esteja se disseminando ra'idamente o acesso atra)(s de tele-one celular&
tele)is+o& 'alm-to' e sabe-se l, mais o que.
% -orma tamb(m ir, ditar qual o modelo de la9out que ser, adotado&
de'endendo da mensagem em quest+o.
1
Curso de Webdesign - Escol@24horas
te/to
: conte2do escrito que 'reencher, o es'a*o da ',gina& j, editado e
re)isado. Este conte2do tamb(m ( chamado de 4massa de te/to5.
!equer-se algum estudo de ti'ologia 8escolha das -ontes) 'ara a correta
a'lica*+o de acordo com a mensagem. %s -ontes s+o di)idas& geralmente&
em quatro gru'os; - sem seri-a
- com seri-a
- manuscrita
- -antasia ou decorati)a
ttulos<chamadas<slogan
=tulos e chamadas s+o& na maior 'arte das )e0es& os elementos mais
im'ortantes da com'osi*+o. $+o eles que chamam a aten*+o 'ara um
determinado assunto& incenti)ando o usu,rio a ler o conte2do da
mensagem.
Estes elementos s+o& 'ro)a)elmente& a 'arte mais di-cil da comunica*+o.
%'enas a ttulo de e/em'lo& )amos brincar com as -rases abai/o;
$er coordenadora 24 horas (
muito di-cil
- conota*+o negati)a e im'asse criado
>+o se es-orce 'ara ser uma
coordenadora 24 horas
- signi-ica que h, -ormas -,ceis de
coordenar& 'or(m come*a de -orma
negati)a
% -orma -,cil de ser
coordenadora 24 horas
- e/'ressa conota*+o 'ositi)a& e/ibindo
-acilidades
% coordena*+o 24 horas
resol)ida
- conota*+o 'ositi)a& signi-icando que
'roblemas j, -oram identi-icados e
resol)idos& economi0ando tem'o e
atitudes
-otos<ilustra*1es<cones<sons
Editados e ajustados& 'odem dar uma grande com'lementa*+o ?
com'osi*+o gr,-ica. % imagem& al(m de dar su'orte ao te/to& tamb(m
'ode -alar 'or si 'r6'ria& condi0endo com o -amoso dito 4uma imagem
)ale mais do que mil 'ala)ras5.
2
Curso de Webdesign - Escol@24horas
logoti'os<marcas
=amb(m chamados de 4assinatura5& re'resentam a em'resa )isualmente
atra)(s de um desenho conceitual. % marca& tanto como desenho ou
escrita& tamb(m -a0 'arte do logoti'o& 'odendo ser chamada de
4logomarca5.
cores
%s'ecto muito im'ortante da com'osi*+o& o adequado uso das cores
requer muita 'r,tica e uma certa no*+o de 'sicologia. %s cores 'odem
agredir& cansar e des)iar a aten*+o& como tamb(m 'odem re-or*ar&
ameni0ar e chamar a aten*+o. : uso de cores merece um estudo
cuidadoso da sua a'lica*+o na mensagem.
Cores quentes 8caminham 'ara o es'ectro )ermelho)
$+o cores que estimulam& incenti)am& agridem e irritam& 'ois aumentam
a circula*+o do obser)ador.
Cores -rias 8caminham 'ara o es'ectro a0ul)
$+o as cores da calma& tranquilidade& monotonia e de'ress+o& 'ois
diminuem a circula*+o do obser)ador.
Cores neutras 8'reto& branco e tons de cin0a)
>+o inter-erem na circula*+o do obser)ador& geralmente usadas 'ara
a'lica*1es gen(ricas. $+o as chamadas cores seguras& 'ois quando se tem
d2)ida em qual cor utili0ar& acaba-se sem're recorrendo a elas.
Cores 'ast(is 8qualquer cor com e/cesso de branco)
=amb(m n+o inter-erem na circula*+o do obser)ador e& geralmente& s+o a
segunda escolha de'ois das cores seguras. @sadas 'ara a'lica*1es
gen(ricas.
es'a*o em branco
:s es'a*os em branco tamb(m re'resentam um elemento de com'osi*+o&
na medida em que se tornam ,reas de res'iro e de cone/+o entre os
elementos.
3