Save 37% off PRO during our Black Friday Sale! »

Design para Programadores - Cores

Abcacd3eb6ec28ba30d2091542c4b9b5?s=47 Diogo Beato
April 16, 2015

Design para Programadores - Cores

Apresentção sobre Design para Programadores, conceitos basicos sobre como utilizar melhor as cores na hora de criar um app

Abcacd3eb6ec28ba30d2091542c4b9b5?s=128

Diogo Beato

April 16, 2015
Tweet

Transcript

  1. Design para Programadores Diogo Beato - @dvbeato

  2. Também quero desenvolver sites bonito

  3. Tipografia Cores Layout

  4. 2 Tipos de Cores Subtractive (CMYK) Additive (RGB)

  5. HSL Hue Saturation Lightness

  6. HUE

  7. Saturation

  8. Lightness

  9. None
  10. None
  11. None
  12. Escolha a Cor Base

  13. Influência do conteúdo • audiência: 
 idade, genero, cultura. •

    tom: 
 casual, formal, sarcasmo. • propósito: 
 institucional, informativo, conversão
  14. Técnicas para criar paleta de cores

  15. Monocromático Hue Constante com variações de luz e saturação

  16. Análogo Hue descendente à esquerda e ascendente à direita

  17. Complementar Hue constante com uma cor complementar

  18. Cor complementar

  19. Nem sempre da certo

  20. Referências • Curso da Codeschool - Fundamentals of Design
 https://www.codeschool.com/courses/fundamentals-of-design

    • Adobe Color CC - (Adobe Kuler)
 https://color.adobe.com/
  21. None