Color
-
Upload
roberto-dadda -
Category
Design
-
view
105 -
download
0
description
Transcript of Color
![Page 1: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/1.jpg)
WEB DESIGNMater of Arts in Communication Design
Color
![Page 2: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/2.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 2 Titolo lezione
"Color." Merriam-Webster.com. Merriam-Webster, n.d. Web. 8 Feb. 2014. <http://www.merriam-webster.com/dictionary/color>.
![Page 3: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/3.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Color theory
Titolo lezione 3
Isaac Newton (Woolsthorpe-by-Colsterworth, 25 dicembre 1642 – Londra, 20 marzo 1727)
Johann Wolfgang von Goethe (28 August 1749 Frankfurt a. M.-22 März 1832 in Weimar)
![Page 4: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/4.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 4
Major chemistry investment…
Titolo lezione
![Page 5: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/5.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
White and monochrome light
Titolo lezione 5
In optics, a prism is a transparent optical element with flat, polished surfaces that refract light.
![Page 6: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/6.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 6 Titolo lezione
![Page 7: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/7.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Speed of light…
Titolo lezione 7
Medium Speed Km/s
Vacuum 300,000
Air 299,792
Glass 200,000
Hendrik Lorentz (right) w
ith Albert Einstein.
![Page 8: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/8.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 8
Spectrum
Titolo lezione
![Page 9: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/9.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 9
Light sources spectrums
Titolo lezione
![Page 10: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/10.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 10
Color temperature
Titolo lezione
Wikipedia
![Page 11: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/11.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 11
Colored objects
Titolo lezione
![Page 12: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/12.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Color mixing• When we mix colors we see a new color!• ADDITIVE is mixing lights• SUBTRACTIVE is mixing color pigments
Titolo lezione 12
![Page 13: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/13.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 13
Aditive primary colors: red, green, blue
Titolo lezione
![Page 14: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/14.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 14
Subtractive primary colors: red, yellow, blue
Titolo lezione
![Page 15: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/15.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 15 Titolo lezione
![Page 16: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/16.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Colors wheel
Titolo lezione 16
![Page 17: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/17.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 17Titolo lezione
1708
1908
![Page 18: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/18.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 18 Titolo lezione
![Page 19: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/19.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Pantone, Carlstadt NJ 1962
Titolo lezione 19
![Page 20: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/20.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 20 Titolo lezione
![Page 21: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/21.jpg)
•Complementary colors are pairs of colors which, when combined in the right proportions, produce white or black.
Titolo lezione WEB DESIGN NABA 2014 Roberto DADDA 21
![Page 22: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/22.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 22
Describing a color
• Hue• Saturation• Lightness
Titolo lezione
![Page 23: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/23.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 23 Titolo lezione
![Page 24: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/24.jpg)
WEB DESIGN NABA 2014 Roberto DADDATitolo lezione 24
![Page 25: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/25.jpg)
WEB DESIGN NABA 2014 Roberto DADDATitolo lezione 25
![Page 26: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/26.jpg)
WEB DESIGN NABA 2014 Roberto DADDATitolo lezione 26
![Page 27: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/27.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
B&W monitor
Titolo lezione 27
![Page 28: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/28.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 28
Color display RGB
Titolo lezione
1 p ixe l = 3 fosfori R ,G ,B , illum inati con in tensità variab ile
![Page 29: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/29.jpg)
WEB DESIGN NABA 2014 Roberto DADDATitolo lezione 29
![Page 30: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/30.jpg)
WEB DESIGN NABA 2014 Roberto DADDATitolo lezione 30
![Page 31: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/31.jpg)
WEB DESIGN NABA 2014 Roberto DADDATitolo lezione 31
256 Color Display (8 bit)
![Page 32: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/32.jpg)
WEB DESIGN NABA 2014 Roberto DADDATitolo lezione 32
![Page 33: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/33.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 33
24 bit true color
Titolo lezione
![Page 34: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/34.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 34 Titolo lezione
![Page 35: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/35.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Old solved problem
Titolo lezione 35
![Page 36: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/36.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 36
Image file format: raster aka bitmap
• In computer graphics, a raster graphics image, or bitmap, is a dot matrix data structure representing a generally rectangular grid of pixels, or points of color, viewable via a monitor, paper, or other display medium. Raster images are stored in image files with varying formats
Titolo lezione
![Page 37: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/37.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 37
TIFF
• TIFF is good for any type of bitmap (pixel-based) images.
• TIFF produces large files, but there is no loss in quality. TIFF also preserves layers, alpha transparency, and other special features when saved from Photoshop.
• The type of extra information stored with TIFF files varies in different Photoshop versions, so consult Photoshop's help for more information.
Titolo lezione
http://graphicssoft.about.com/od/graphicformats/f/summary.htm
![Page 38: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/38.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 38
PNG
• Use PNG when you need smaller file sizes with no loss in quality.
• PNG files are usually smaller than TIFFs, in my experience.
• PNG also supports alpha transparency (soft edges) and was developed to be a Web graphics replacement for GIF.
Titolo lezione
![Page 39: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/39.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 39
GIF
• Use GIF for simple Web graphics having limited colors.
• GIF files are always reduced to 256 unique colors or less and they make very small, fast-loading graphics for the Web.
• GIF is great for Web buttons, charts or diagrams, cartoon-like drawing, banners, and text headings.
• GIF is also used for small, compact Web animations. GIF should rarely be used for photos.
Titolo lezione
![Page 40: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/40.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 40
Image file format: vector
• Vector graphics is the use of geometrical primitives such as points, lines, curves, and shapes or polygon(s), which are all based on mathematical expressions, to represent images in computer graphics.
Titolo lezione
![Page 41: Color](https://reader033.fdocuments.us/reader033/viewer/2022060108/554f490eb4c905423f8b4b58/html5/thumbnails/41.jpg)
WEB DESIGN NABA 2014 Roberto DADDATitolo lezione 41
Roberto Dadda
[email protected]+39 338 775 22 03Twitter, facebook, linkedin: robertodadda