Design for developers – Colors – Layout

View Github Repository Open presentation in a new window

juhyxx

See all presentation from juhyxx

Design for developers – Colors – Layout

0 0

presentation-design

On Github juhyxx / presentation-design

Design for developers

Colors

RGB

#ffffff#dddddd#aaaaaa#666666#333333#000000

CMY

HUE

Saturation

Brightness

HSB / HSV / HSL

B=V

Color wheel in art

Color wheel in art

Color wheel artistic

Color meanings

  • Fire, Violence, Love, Warning
  • Energy, Happiness, Vitality
  • Happiness, Hope, Deceit
  • New Beginnings, Abundance, Nature
  • Calm, Responsible, Sadness
  • Creativity, Royalty, Wealth
  • Mystery, Elegance, Evil
  • Moody, Conservative, Formality
  • Purity, Cleanliness, Virtue
  • Nature, Wholesomeness, Dependability

Cold/Warm

warmcold

Color harmony

Complementary

Analogous

Triad

Example

Example

Example

Example

Example

Example

Resources

Layout

Golden cut

1.618

Golden rectangle

0.6181

Golden (Fibonacci) spiral

Fibonacci numbers

1,2,3,5,8

Paper Formats

√2:1 = 1.414

Icons

Story of "Unsubscribe"

Unsubscribe

Mental mapping

Real things

Story of Apple mail

Story of Apple mail

Metaphorical meaning

Agreed meaning

Arrow hell

Context dependency

Document Delete Delete

Monochrome/Colored

Resources