background preloader

Typography Deconstructed

Typography Deconstructed
Ampersand A stylized character of the Latin et used to represent the word and. Definition: The typographic symbol used to designate the word and (& ) is the Latin symbol for et which means and. The name, ampersand , is believed to be derived from the phrase “and per se and.” On a standard English layout... Aperture The partially enclosed, somewhat rounded negative space in some characters. Apex A point at the top of a character where two strokes meet. Arc of Stem A curved stroke that is continuous with a straight stem. Arm A horizontal or upward, sloping stroke that does not connect to a stroke or stem on one or both ends. Ascender An upward vertical stroke found on the part of lowercase letters that extends above the typeface’s x-height. Ascender Line The invisible line marking the height of ascenders in a font. Ascent Line The invisible line marking the farthest distance between the baseline and the top of the glyph. Axis Ball Terminal A circular form at the end of the arm in letters. Bar Baseline Related:  Typo

50 Fresh Free Fonts of 2010 Though there's a broad variety of fonts available for download online, designers keep on tracing the fresh ones to enhance their design copy, a website, brochure, or even an advertisement in a brand new an' awesome way. Still, the free stuff could not always boast of good quality – premium goodies always demand some kind of money investment. However, now it's possible to find the appropriate font that's free, clear, beautiful, and effective for design purposes. Today's round-up actually goes outside the standard font variety. Geomancy Kilogram Tribbon Quadranta Adec Teardrop St Marie Dekar Code Cube Piron Glide Planer Paranoid Circled St Ryde Danger Pincoyablack New Garden Titillium Text Sylar Scriber Mentone Circula Sansation LT Oksana Font V4.0 Lintel Frgmnt Amsterdam Sol Pro Tenby Zag Real Origami Tenderness Vegur Cash Sertig Junction Blackout Railway League Ghothic Goudy Bookletter 1911 Oval About the Author Lilian Rigo

Typography Deconstructed | A comprehensive guide to the anatomy of type. Meaningful Transitions // Home The Lost Principles of Design In the instant age that design has evolved into recently many of us often stray away from the basics. If you had a professor in college who taught you the fundamentals of design these may be engrained into your head. For the self-taught, you may have a book on your desk with these very principles. However, the more and more people that flood the internet for design content need to learn the basics before trying to make a stellar gradient in Photoshop. While this is cool and amazing right now, there will come a point where this style is strayed away from and a new style is made. In history, this lesson has repeated itself with movements like the Bauhaus and Swiss Modernism and will soon come label our current trends as part of history. Balance Arranging parts to achieve a state of equilibrium between forces of influences. Examples: Symmetrical, Asymmetrical, Radial Contrast Interaction of contradictory elements. Emphasis & Subordination Directional Forces Proportion Scale Repetition & Rhythm

21 Fonts That Shouldn’t Be Free…But Are! 21 Fonts That Shouldn’t Be Free…But Are! 13 July 2009 by Jordan Hall Using the right type in your designs, both in type and web, is vital to an attractive and successful design. With so many free fonts out there (Da Font currently has over 9000 fonts to choose from) it’s hard to wade through the varying levels of quality available. We’ve picked out some great fonts that shouldn’t be free, but are! 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 21. Resources 50 Incredible Fonts for Professional Print & Web Design | Noupe 30 Fonts That All Designers Must Know & Own | Just Creative Design 37 FREE Must-Have Fonts | Francesco Mugnai 40 Free High Quality Hand Drawn Fonts | Hongkiat.com Thanks for reading, from Union Room Web Design. Back to Blog

Comic Sans Criminal - There's help available for people like you! Teoria del colore nell'arte e nel design, schemi di colore, tonalità, luminosità, saturazione, colore nel design, tonalità, luminosità, saturazione, color wheel, contrasto Esempi Complementari Schema di colori complementari (due colori, uno di fronte all'altro sulla ruota dei colori) i due colori complementari con aggiunta di bianco i due colori complementari con aggiunta del nero Sette colori caldi aggressivi In una combinazione di colori puri, tinte, toni e sfumature. Sette colori freddi recessivi In una combinazione di colori puri, tinte, toni e sfumature. Schema di colori Triad Composto da tre colori distanziati a una distanza uguale a parte sulla ruota dei colori, ad esempio, i tre colori primari - rosso, blu e giallo. Schema di colori DIAD Due colori che nella ruota sono divisi da un altro, ad esempio, rosso e arancione. colore piu’ bianco piu’ 30% di colore grigio colore piu’ nero Split complementari Split complementari (un colore e i due che si trovano a lato del suo complementare ad esempio, rosso, giallo-verde e blu-verde) set di colore puro. Neutralizzare Visualizza il Cultor "Color Picker" Utilizzo practico: 1.

8 Cheat Sheet Wallpapers for Designers and Developers Web designers and developers have a lot to remember, from keyboard shortcuts to function names. That’s why it’s handy to have cheat sheets near by for a quick reference. Most people like to print out there cheat sheets on paper and have them sitting on their desk, but another convenient place for a cheat sheet is right on your computers desktop in the form of a wallpaper. Here we’ve rounded up a few very useful cheat sheets for web designers and developers that can be used as desktop wallpapers. Photoshop Keyboard Shortcuts Color Theory Quick Reference Poster Periodic Table of Typefaces The Anatomy of Type Web Accessibility Checklist TextMate Shortcuts jQuery 1.3 Cheat Sheet WordPress Help Sheet About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. Related Posts 1932 shares 8 Must-have Cheat Sheets for Web Designers and Developers Read More 2750 shares Photoshop CS6 Cheat Sheet

Related: