Color 2
Upcoming SlideShare
Loading in...5
×
 

Color 2

on

  • 176 views

Elements of colors usage for web designer

Elements of colors usage for web designer

Statistics

Views

Total Views
176
Views on SlideShare
176
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

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

    Color 2 Color 2 Presentation Transcript

    • Mater of Arts in Communication Design WEB DESIGN Color usage
    • Use of colors Phisiological factors Color usage WEB DESIGN NABA 2014 Roberto DADDA 2
    • Colors influence each other Color usage WEB DESIGN NABA 2014 Roberto DADDA 3
    • Avoid… • Putting togheter saturated colour far in the spectrum • Focusing becomes difficult! Color usage WEB DESIGN NABA 2014 Roberto DADDA 4
    • Testo blu su fondo rosso Testo blu Color usage WEB DESIGN NABA 2014 Roberto DADDA 5
    • In case use BORDERS Color usage WEB DESIGN NABA 2014 Roberto DADDA 6
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 7
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 8
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 9
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 10
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 11
    • Make experiments! Color usage WEB DESIGN NABA 2014 Roberto DADDA 12
    • Our brain likes complentary colors togheter red blue green orange jellow violet Color usage WEB DESIGN NABA 2014 Roberto DADDA 13
    • Colors for text • Colors of text and background are VERY important • TEXT better light colors in center if spectrum • BACKGROUND better dark colors in the extremes of spectrum Color usage WEB DESIGN NABA 2014 Roberto DADDA 14
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 15
    • Contrast 3:1 minimum Contrast is the difference in luminance and/or color that makes an object (or its representation in an image or display) distinguishable. Color usage WEB DESIGN NABA 2014 Roberto DADDA 16
    • Consider disabilities John Dalton • As an example COLOR BLINDNES • 8% of european males • 0.4% of european females Color usage WEB DESIGN NABA 2014 Roberto DADDA 17
    • They see colors! Color usage WEB DESIGN NABA 2014 Roberto DADDA 18
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 19
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 20
    • http://colorfilter.wickline.org/ Color usage WEB DESIGN NABA 2014 Roberto DADDA 21
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 22
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 23
    • Use of colors Cognitive factors Color usage WEB DESIGN NABA 2014 Roberto DADDA 24
    • Few meaningful colors: 3 to 6! Color usage WEB DESIGN NABA 2014 Roberto DADDA 25
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 26
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 27
    • Semantic of colors "Semantic." Merriam-Webster.com. Merriam-Webster, n.d. Web. 9 Feb. 2014. <http://www.merriam-webster.com/dictionary/semantic>. Color usage WEB DESIGN NABA 2014 Roberto DADDA 28
    • Standard associations • Give color a meaning • Use the same color for conform elements "Conform." Merriam-Webster.com. Merriam-Webster, n.d. Web. 9 Feb. 2014. <http://www.merriamwebster.com/dictionary/conform>. Color usage WEB DESIGN NABA 2014 Roberto DADDA 29
    • Attention! • Clear saturated colors gets attention Color usage WEB DESIGN NABA 2014 Roberto DADDA 30
    • Armony of colors • How decide witch colors stay well together? • Many opinions, few certainties. • The Chevreul (1839) theory says that color adiacent or opposite in the wheel stay well togheter • Nothing demonstrated formally, but wide usage in art! Color usage WEB DESIGN NABA 2014 Roberto DADDA 31
    • Michel Eugène Chevreul (31 August 1786 – 9 April 1889) Color usage WEB DESIGN NABA 2014 Roberto DADDA 32
    • Manufacture des Gobelins, Paris. Faubourg Saint Marcel Color usage WEB DESIGN NABA 2014 Roberto DADDA 33
    • Sir William Henry Perkin, Color usage WEB DESIGN NABA 2014 Roberto DADDA (12 March 1838 – 14 July 1907) 34
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 35
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 36
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 37
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 38
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 39
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 40
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 41
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 42
    • Warm and cold colors • • • • Near Urgent Action Needs an answer • Far • Calm • Status infos Color usage WEB DESIGN NABA 2014 Roberto DADDA 43
    • Advance & retrocede Color usage WEB DESIGN NABA 2014 Roberto DADDA 44
    • Semantic • RED • Stop • Warm • Fire • YELLOW • Attention • Slow down Color usage • GREEN • • • • Go on OK Safety Nature • GREY & WHITE • Neutral WEB DESIGN NABA 2014 Roberto DADDA 45
    • STOP AVANTI USCITA Color usage WEB DESIGN NABA 2014 Roberto DADDA 46
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 47
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 48
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 49
    • Color usage WEB DESIGN NABA 2014 Roberto DADDA 50
    • Roberto Dadda www.dadda.it roberto@dadda.it +39 338 775 22 03 Twitter, facebook, linkedin: robertodadda Color usage WEB DESIGN NABA 2014 Roberto DADDA 51