Download - Http://. An Alidade
![Page 2: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/2.jpg)
An Alidade
![Page 3: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/3.jpg)
http://www.4realdough.com/
![Page 4: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/4.jpg)
http://www.sonyclassics.com/fogofwar/indexFlash.html
![Page 5: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/5.jpg)
turntable
Jukebox
![Page 6: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/6.jpg)
A classic phonograph
![Page 7: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/7.jpg)
• Motifs: a usually recurring salient thematic element (as in the arts); especially : a dominant idea or central theme
主題 ; 意念 ; 動機 ; 要素 ; 特色
• Good designers are able to use motifs to make references to their concepts, ideas, or stories
• Great motifs are more than decorations; they are adopted and transformed to provide functions specific to the web medium
![Page 8: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/8.jpg)
![Page 9: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/9.jpg)
colors[not colours]
![Page 10: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/10.jpg)
Subtractive Colors Additive Colors
![Page 11: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/11.jpg)
red: 255green: 0blue: 0
red: 0green: 255
blue: 0
red: 0green: 0blue: 255
primary colors
![Page 12: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/12.jpg)
contrastcontrastcontrastcontrastcontrast contrast contrast
contrastcontrast
![Page 13: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/13.jpg)
contrastcontrastcontrastcontrastcontrast contrast contrast
contrastcontrast
![Page 14: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/14.jpg)
contrastcontrastcontrastcontrastcontrast contrast contrast
contrastcontrast
![Page 15: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/15.jpg)
reduce luminosityprimary on primary
![Page 16: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/16.jpg)
red: 255green: 255
blue: 0
red: 0green: 255blue: 255
red: 255green: 0blue: 255
secondary colors
![Page 17: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/17.jpg)
green+red
![Page 18: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/18.jpg)
green+blue
![Page 19: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/19.jpg)
complimentary
![Page 20: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/20.jpg)
complimentary colorscolor across the wheel
primary + secondary | tertiary+tertiary
red:255green: 0blue:127
red:0green:255blue:127
red:127green: 255
blue:0
red:127green:0blue:255
![Page 21: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/21.jpg)
reduce luminositycomplimentary sets
![Page 22: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/22.jpg)
split complimentarysoftens the contrast
red:127green: 0blue:255
red:0green:127blue:255
red:127green: 255
blue:0
red:0green:255blue:127
red:0green: 0blue:255
red:0green: 255
blue:0
![Page 23: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/23.jpg)
splitcomplimentary
![Page 24: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/24.jpg)
splitcomplimentary
![Page 25: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/25.jpg)
![Page 26: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/26.jpg)
X0.5
![Page 27: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/27.jpg)
basic color strategies
![Page 28: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/28.jpg)
Example: Louise Vuitton
http://www.vuitton.com
![Page 29: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/29.jpg)
![Page 30: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/30.jpg)
![Page 31: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/31.jpg)
monotone chromatics?
http://www.designinteract.com/
![Page 32: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/32.jpg)
![Page 33: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/33.jpg)
pick colors from photos
Nature has the best color palette
![Page 34: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/34.jpg)
![Page 35: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/35.jpg)
![Page 36: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/36.jpg)
![Page 37: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/37.jpg)
![Page 38: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/38.jpg)
start every design with 3 colors
• Major color: the color that will be used most• Accent color: a color similar to the major color• Highlight: a color that contrast the major color
![Page 39: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/39.jpg)
![Page 40: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/40.jpg)
![Page 41: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/41.jpg)
X0.5
![Page 42: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/42.jpg)
Example: Louise Vuitton
http://www.vuitton.com
![Page 43: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/43.jpg)
![Page 44: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/44.jpg)
monotone chromatics?
http://www.designinteract.com/
![Page 45: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/45.jpg)
![Page 46: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/46.jpg)
http://www.az2.co.uk/
![Page 47: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/47.jpg)
![Page 48: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/48.jpg)
http://www.cartoonnetwork.com/shop/halw/?homeshopc
http://www.cmcgolfclubs.com (blue on green ok)
http://www.info.gov.hk/eindex.htm (yellow not used in key text) http://www.info.gov.hk/ef2.htm
http://www.emb.gov.hk/index.asp (too many colors)
![Page 49: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/49.jpg)
what is the color strategy?
![Page 50: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/50.jpg)
main colors
highlights
![Page 51: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/51.jpg)
indecisive color strategy
![Page 52: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/52.jpg)
too much contrast-no tertiary color
![Page 53: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/53.jpg)
http://www.cartoonnetwork.com/shop/halw/?homeshopc
http://www.cmcgolfclubs.com (blue on green ok)
http://www.info.gov.hk/eindex.htm (yellow not used in key text) http://www.info.gov.hk/ef2.htm
http://www.emb.gov.hk/index.asp (too many colors)
![Page 54: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/54.jpg)
![Page 55: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/55.jpg)
![Page 56: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/56.jpg)
![Page 57: Http://. An Alidade](https://reader037.vdocuments.site/reader037/viewer/2022103123/56649d435503460f94a1faf7/html5/thumbnails/57.jpg)