Triadic Colors. Any three color space equally around a color wheel Offers wide variety of color choices Group elements into associated groups Interference between bright colors can create unwanted vibrations. Triadic. Triadic. Color Harmonies. Most basic tips:
Une image / un lien ci-dessous est fourni (tel quel) pour télécharger la présentation
Politique de téléchargement : le contenu du site vous est fourni TEL QUEL pour votre information et votre usage personnel ; il ne peut être vendu, concédé sous licence ni partagé sur d’autres sites sans l’accord de son auteur.Le contenu vous est fourni TEL QUEL, pour votre information et votre usage personnel uniquement.Téléchargez la présentation en cliquant sur ce lien.Lors du téléchargement, si vous ne parvenez pas à télécharger une présentation, l’éditeur a peut-être supprimé le fichier de son serveur.Pendant le téléchargement, si vous ne parvenez pas à obtenir une présentation, le fichier a peut-être été supprimé par l’éditeur.
F I N
Plus de contenu associé
Transcription de la présentation
Triadic Colors • Any three color space equally around a color wheel • Offers wide variety of color choices • Group elements into associated groups • Interference between bright colors can create unwanted vibrations
Color and Browsers • Not all colors can be displayed on all devices • Color of text can affect readability • Web-Safe pallet • Monitor Type: CRT vs LCD
Browser Safe Colors • Browsers can guaranty only certain number of colors displayed correctly • Referred to as web-safe colors • Previously 216 colors • Currently 4096 colors • Other strategies
Typography • Most basic elements of web are words • Section headings, links, blocks of text Typography is arranging text with attention to: • Placement • Size • Font choice
Font Families • Large number of text fonts • Most professional graphic designers uses a small number of fonts • Web has special consideration when it comes to fonts - fine detail
Font Families • Typically there are a fixed number of fonts available for the web • Most of them are existing ones which have been redesigned for the web
Font Families Times New Roman: Web Typography Georgia:
Font Families Sans Serif Fonts Arial: Web Typography Arial Black: Web Typography
Font Families Sans Serif Fonts Impact: Web Typography Comic Sans: Web Typography
Font Families Script: Web Typography Symbols: WebTpgrahy
Fixed Font template <typename T>inline T const & max (T const& a, T const& b){// if a < b then use b else use a if (a < b) { return b; else return a;} template <typename T>inline T const & max (T const& a, T const& b){// if a < b then use b else use a if (a < b) { return b; else return a;}
Line Spacing • Too much line spacing makes text harder to read • Too little, and the text runs together • Plain HTML not possible to create true ledding • CSS offers ledding control (“line spacing”)
Line Spacing A book could take that blow, but it sinks an essay. A biography in two volumes is indeed the proper depository; for there, where the license is so much wider, and hints and glimpses of outside things make part of the feast (we refer to the old type of Victorian volume), these yawns and stretches hardly matter, and have indeed some positive value of their A book could take that blow, but it sinks an essay. A biography in two volumes is indeed the proper depository; for there, where the license is so much wider, and hints and glimpses of outside things make part of the feast (we refer to the old type of Victorian volume), these yawns and stretches hardly matter, and have indeed some positive value of their A book could take that blow, but it sinks an essay. A biography in two volumes is indeed the proper depository; for there, where the license is so much wider, and hints and glimpses of outside things make part of the feast (we refer to the old type of Victorian volume), these yawns and stretches hardly matter, and have indeed some positive value of theirA book could take that blow, but it sinks an essay. A biography in two volumes is indeed the proper depository; for there, where the license is so much wider, and hints and glimpses of outside things make part of the feast (we refer to the old type of Victorian volume), these yawns and stretches hardly matter, and have indeed some positive value of their
Letter Spacing Increase spacing between letters: • Increases length • Impact • Visual Appeal
Writing for the Web • People then to read on web by scanning • Few read word by word • People read 25% more slowly • Users are impatient • Credibility is important
Inverted Pyramids Reformat text to be more like newspaper article: • Point of article in first paragraph • Start with conclusion • Use rest of text to expand first paragraph
Performance • Important to usability • Sites that are slow drives away users • Interruptions • System response • Want predicable response times
Streaming Media • Media is streamed to buffer • Starts playing as soon as buffer is full • Opposed to non-streaming: plays when fully downloaded • Increased performance and response time
Animation • Synthetic motion create through artificial means • Viable alternative to video • Can be demonstrations or tutorials • Dynamically generated • Interactive
Raster vs Vector • Vector: items drawn with lines • Smooth • Scaled very well • Cannot be filled with multiple colors • Raster: pixel based • 3D shading
