• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
[cv - 2011.2] 12 - organizacao visual
 

[cv - 2011.2] 12 - organizacao visual

on

  • 1,377 views

 

Statistics

Views

Total Views
1,377
Views on SlideShare
1,377
Embed Views
0

Actions

Likes
1
Downloads
48
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    [cv - 2011.2] 12 - organizacao visual [cv - 2011.2] 12 - organizacao visual Presentation Transcript

    • Princípios daorganização visualProf. Aderson Sampaio Baseado no Livro Design para quem não é designer (Robin Williams)
    • Princípios daorganização visualDesafio
    • Princípios daorganização visualDesafio CONTEÚDO X FORMA
    • §  Proximidade §  Itens relacionados entre si devem ser agrupados visualmente §  AlinhamentoPrincípios da §  Nada deve ser colocadoorganização visual arbitrariamente em uma página. Cada item deve ter uma conexão visual com algo na páginaPrincípios §  Contraste §  Se dois itens não pertencerem à mesma categoria, diferencie-os completamente §  Repetição §  Algum aspecto do design deve repetir-se no material como um todo
    • Princípios daorganização visualProximidade
    • Princípios daorganização visualProximidade
    • Princípios daorganização visualProximidade
    • Princípios daorganização visualProximidade
    • A formação de grupos é o principal item deste princípioPrincípios daorganização visualProximidade
    • Princípios daorganização visualProximidade
    • Princípios daorganização visual
    • Princípios daorganização visual
    • Princípios daorganização visual
    • Princípios daorganização visualProximidade
    • Princípios daorganização visualProximidade
    • Princípios daorganização visualProximidade
    • Princípios daorganização visualProximidade
    • Princípios daorganização visualProximidade
    • Princípios daorganização visualProximidade
    • Princípios daorganização visualProximidade
    • Princípios daorganização visualAlinhamento Nada deve ser colocado arbitrariamente em uma página. Cada item deve ter uma conexão visual com algo na página.
    • Princípios daorganização visualAlinhamento
    • Princípios daorganização visualAlinhamento
    • Com um alinhamento bem definido, o material parece ser melhor organizado.Princípios daorganização visualAlinhamento A linha invisível que passa por aqui conectando o texto.
    • Princípios daorganização visualAlinhamento
    • Princípios daorganização visualAlinhamento
    • Princípios daorganização visualAlinhamento
    • Princípios daorganização visualAlinhamento
    • Princípios daorganização visualAlinhamento
    • Princípios daorganização visualAlinhamento
    • Princípios daorganização visualAlinhamento
    • Princípios daorganização visualAlinhamento
    • Princípios daorganização visualAlinhamento
    • Princípios daorganização visualContraste
    • Princípios daorganização visualContraste
    • Princípios daorganização visualContraste Nada parece atrair de imediato o olhar do leitor
    • Princípios daorganização visualContraste Agora, o olhar é mais facilmente direcionado que o modelo anterior
    • Princípios daorganização visualContraste
    • Princípios daorganização visualContraste
    • Princípios daorganização visualContraste
    • Princípios daorganização visualContraste
    • Princípios daorganização visualContraste
    • Princípios daorganização visualRepetição Algum aspecto do design deve repetir- se no material inteiro, reforçando unidade visual e tornando o material mais coeso e forte
    • Princípios daorganização visualRepetição
    • Princípios daorganização visualRepetição
    • Princípios daorganização visualRepetição
    • Princípios daorganização visualRepetição
    • Princípios daorganização visualRepetição
    • Princípios daorganização visualRepetição
    • Princípios daorganização visualRepetição
    • Princípios daorganização visualRepetição
    • Princípios daorganização visualRepetição
    • Princípios daorganização visualRepetição Algum aspecto do design deve repetir- se no material inteiro, reforçando unidade visual e tornando o material mais coeso e forte.
    • Erros e acertos em design de páginasPrincípios daorganização visual Adaptado dos Livros Design para quem não é designer | Web design para não designers Robin Williams
    • Erros 1 Texto todo em maiúsculas.Princípios daorganização visual
    • Erros 2 “Botões” que não são botões.Princípios daorganização visual
    • Erros 3 Exagero no tamanho dos botões.Princípios daorganização visual
    • Erros 4 Uso de fundo que não permita um bomPrincípios da contraste.organização visual
    • Erros 5 Formato da página que ultrapassa oPrincípios tamanho do monitor do seu cliente. daorganização visual
    • Acertos 1 Clareza e limpeza.Princípios daorganização visual
    • Acertos 2 Uso inteligente do espaço em branco.Princípios daorganização visual
    • Apresentação Visual de InformaçõesPrincípios daorganização visual Adaptado dos Livros Design para quem não é designer | Web design para não designers Robin Williams
    • WILLIAMS, Robin. Design para quem não é designer: noções básicas de planejamento visual. São Paulo: Callis, 1995.Princípios daorganização visualBibliografia