pocket talk: princípios de design
TRANSCRIPT
![Page 1: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/1.jpg)
![Page 2: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/2.jpg)
Princípios de Design
Como utilizar os elementos de design de uma forma eficaz?
![Page 3: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/3.jpg)
Elementos de Design
![Page 4: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/4.jpg)
Princípios de Design
![Page 5: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/5.jpg)
Princípios de Design
![Page 6: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/6.jpg)
CONTRASTE
• Diferencia elementos que se interrelacionam
• Cria atração visual e valoriza elemento principal
![Page 7: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/7.jpg)
CONTRASTE
![Page 8: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/8.jpg)
Dicas de Contraste
• Dicas para criar Contraste
• Cria-se contraste através de cores, formas, tamanho, tipografia, espessuras de linhas, espaços, etc.
• Descubra maneiras de contrastar os itens para criar interesse visual
• É importante criar elementos marcantes
![Page 9: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/9.jpg)
CONTRASTE
![Page 10: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/10.jpg)
CONTRASTE
![Page 11: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/11.jpg)
Princípios de Design
![Page 12: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/12.jpg)
REPETIÇÃO
• Utilizado para UNIFICAR e FORTALECER o design
• É essencial em branding, campanhas de marketing e projetos distribuidos em diversos dispositivos
![Page 13: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/13.jpg)
Dicas de Repetição
• O elemento repetitivo pode ser uma cor, um símbolo, uma fonte, ou qualquer outro elemento gráfico reconhecível visualmente
• Adapte os elementos para serem repetitivos em diferentes formatos
• Evite repetir um elemento em demasia, evitando que se torne cansativo
![Page 14: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/14.jpg)
REPETIÇÃO
![Page 15: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/15.jpg)
REPETIÇÃO
![Page 16: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/16.jpg)
Princípios de Design
![Page 17: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/17.jpg)
ALINHAMENTO
![Page 18: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/18.jpg)
ALINHAMENTO
• Cria uma ligação visual entre os elementos - amarras visuais
• Ajuda a criar unidade
• Cria uma aparência limpa, sofisticada e suave
![Page 19: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/19.jpg)
Dica de Alinhamento
• Esteja consciente do posicionamento dos elementos
• Encontre a ligação visual entre os elemento, mesmo que não estejam tão próximos
![Page 20: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/20.jpg)
ALINHAMENTO
![Page 21: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/21.jpg)
Princípios de Design
![Page 22: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/22.jpg)
PROXIMIDADE
![Page 23: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/23.jpg)
PROXIMIDADE
• Propósito básico da proximidade é ORGANIZAR
• O simples agrupamento de elementos cria organização
• Informação organizada = facilidade de leitura e memorização
![Page 24: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/24.jpg)
PROXIMIDADE
![Page 25: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/25.jpg)
Dica de Proximidade
• Itens relacionados entre si devem ser agrupados
• Itens próximos criam uma unidade visual
• Veja quais elementos podem ser agrupados para criar uma unidade visual
![Page 26: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/26.jpg)
![Page 27: Pocket Talk: Princípios de Design](https://reader035.vdocuments.site/reader035/viewer/2022081520/587dbc0b1a28ab1b498b4ed1/html5/thumbnails/27.jpg)
Referências
• CRAP http://www.goodreads.com/book/show/41597.The_Non_Designer_s_Design_Book
• http://www.slideshare.net/tiagosantiago/principios-bsicos-design
• https://paper-leaf.com/blog/2012/10/principles-of-design-quick-reference-poster/