8/3/2019 Layout Design II
1/46
SALIF SILVA [d.er]
8/3/2019 Layout Design II
2/46
workshoplayout
17_11_2011
COMPOSIO
BELEZA
cores
geometria
DESIGN
hierarquia
TIPOGRAFIA
grficoequilbrioAGRUPAMENTO
ordemgrelhas
CONTRASTE
8/3/2019 Layout Design II
3/46
a natureza como modelo de ordem
8/3/2019 Layout Design II
4/46
A natureza se rege mediante a
geometriaenquanto sistemaorganizativo, tanto no mundo
das funes de crescimentoorgnico (simetria dinmica),
como nas estruturas da matriainorgnica (simetria esttica).
8/3/2019 Layout Design II
5/46
A natureza oferece ao homem
referncias deordem: o dia e a
noite, os ciclos lunares, asmars, as estaes do ano, etc.
que permitem relacionar econtrolar as suas actividades
8/3/2019 Layout Design II
6/46
O homem, por sua vez comoartfice do seu meio gera um
microcosmo de ordem: acestaria, o tecido como
exemplo.
8/3/2019 Layout Design II
7/46
beleza
8/3/2019 Layout Design II
8/46
8/3/2019 Layout Design II
9/46
beleza harmonia, ou seja, a
relao das partes entre si e asdas partes como um todo.
8/3/2019 Layout Design II
10/46
8/3/2019 Layout Design II
11/46
design
8/3/2019 Layout Design II
12/46
A actividade do designer
consiste em criar ordem
num campo de factoresheterogneos e em conflito,
em valorizar.Otl Aicher
8/3/2019 Layout Design II
13/46
DESIGN
FUNO ESTTICA
=
+
8/3/2019 Layout Design II
14/46
composio plstica:
processo introspectivo,reflexivo, objectivo individual, o
artista cria a sua prpria ordem.
8/3/2019 Layout Design II
15/46
composio grfica:proposta em que se
harmonizam, coordenam eplasmam graficamente todas as
decises num projecto grfico.
8/3/2019 Layout Design II
16/46
regrasprincpios de
composio grfica
8/3/2019 Layout Design II
17/46
hierarquia visual:
estabelecer sempre uma certaorganizao hierrquica dos
contedos dentro da composiogrfica.
8/3/2019 Layout Design II
18/46
contraste
8/3/2019 Layout Design II
19/46
8/3/2019 Layout Design II
20/46
O contraste uma das formas mais eficazes
de acrescentar algum atractivo visual a umacomposio grfica (algo que realmente faa
com que uma pessoa queira olhar para ela),
criando uma hierarquia organizacional entrediferentes elementos. A regra importante que
deve ser lembrada a de que para o contrasteser realmente eficaz, ele deve ser forte.
8/3/2019 Layout Design II
21/46
estrutura(grelhas)
8/3/2019 Layout Design II
22/46
8/3/2019 Layout Design II
23/46
grelhas:entidades geomtricas em que se
recolhem in abstracto as relaesentre os elementos integrantes do
discurso grfico para a sua
concretizao numa composio
grfica.
8/3/2019 Layout Design II
24/46
cores
8/3/2019 Layout Design II
25/46
cores anlogas so adjacentes
a cada uma no painel de cor.
cores complementares soopostas em relao ao outro
no painel da cor
O uso das cores pode reforar ou enfraquecer uma
composio
8/3/2019 Layout Design II
26/46
- Usa a cor para distinguir ou
mostrar hierarquia.
- Usa a cor para representarou imitar a realidade
- Usa a cor para unificar,
separar, ou enfatizar.- Usa a cor de forma
consistente.
O uso das cores pode reforar ou enfraquecer uma
composio
8/3/2019 Layout Design II
27/46
Agrupamento
8/3/2019 Layout Design II
28/46
Tendemos a organizar os elementos que
percebemos em torno de conjuntos significativosorganizados, temos varias formas de agrupar:
- proximidade- por semelhana
- por continuidade- por simetria
8/3/2019 Layout Design II
29/46
29
equilbrio simtrico
uma forma ou imagem simtrica quando um eixo centralpode dividi-la em duas partes iguais e opostas entre si.
8/3/2019 Layout Design II
30/46
30
8/3/2019 Layout Design II
31/46
31
equilbrio assimtrico
8/3/2019 Layout Design II
32/46
32
equilbrio radial
8/3/2019 Layout Design II
33/46
tipografia
8/3/2019 Layout Design II
34/46
A tipografia um pilar
essencial da
comunicao grfica
e do design grficocontemporneo
8/3/2019 Layout Design II
35/46
8/3/2019 Layout Design II
36/46
- Para uma legibilidade mxima, escolhe tipos
clssicos e testados ao longo do tempo;- No utilizar demasiados tipos diferentes
- O texto em caixa alta atrasa muito a leitura
- Utilize tamanhos que permitem maiorlegibilidade
- Sempre que possvel evite vivas e rfos
8/3/2019 Layout Design II
37/46
Erros
8/3/2019 Layout Design II
38/46
8/3/2019 Layout Design II
39/46
8/3/2019 Layout Design II
40/46
8/3/2019 Layout Design II
41/46
8/3/2019 Layout Design II
42/46
No existe umafrmula que d um
design infalvel,
mas
8/3/2019 Layout Design II
43/46
less is more
8/3/2019 Layout Design II
44/46
simplicidade
8/3/2019 Layout Design II
45/46
SSIFORecomea
Se puderes, sem angstia e sem pressa.
E os passos que deres,
Nesse caminho duro,
Do futuro
D-os em liberdade.
Enquanto no alcances
No descanses.De nenhum fruto queiras s a metade.
Miguel Torga
8/3/2019 Layout Design II
46/46
Obrigado pela ateno!