background preloader

Type and graphic design

Facebook Twitter

She Turned Her Old Socks Into Something AMAZING! Books - 100 London Artists by Edward Lucie-Smith, Zavier Ellis & Elizabeth Beecher Publishing. Blanebourgeois | SmugMug.

Ceramics

What’s the Difference Between JPG, PNG, and GIF? Aesthetic Foundations: Principles Of Art & Color. Other Typography Pearltrees. Typography Tutorials. FreeTypography - Best Free Fonts, Typefaces & Typography. Fonts. TypoWiki. Welcome to the Typophile Wiki, a user-created encyclopedia of all things type and design-related. Users create and edit Wiki entries with the aim of becoming a collaborative, useful, balanced and relevant resource. To reference a wiki entry from a forum post or review anywhere within Typophile, simply wrap the name of the wiki entry within double brackets, like this: [[typography]]. Your published post will automatically format the Wiki link. To get started, try accessing one of the Indices or select a recently edited wiki entry from the right. Do not cut and paste from another site.

For more instruction on wiki etiquette and how to get started, please see the Wiki FAQs Page. Note: The system now allows ampersands in Wiki titles. Reactions to 95% Typography. By Oliver Reichenstein An avalanche of comments, hundreds of applauding blog entries, honorable mentions from cooler and more sublime and hotter and higher places, forum discussions, translations in Chinese and partially in Italian and even blunt plagiarism was incited by one of my recent notes. In order to not answer to each commentator individually, I decided to write a summary that answers most of the raised concerns, accusations and questions. As a result I think that managed to make things a little clearer. Sensationalist and unfounded! Justin: My issue is quite simply your title.

I don’t disagree that typography is important in web design, but you are implying that non-typographic concerns are unimportant. That is sensationalist and unfounded. I didn’t intend to be loud or (un)popular. I am writing these entries with the goal of publishing a book on usability and branding one day. Am I the only one saying so? Joran: Type as interface. The Grid Usability alone won’t do I agree, Mike. Type Glossary - 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. Typography Cheat Sheet: The 6 Big Mistakes To Avoid. Typography is one of those strange skills — too mathematical to be pure art, but a touch too intangible to be pure science. Our modern life is awash with text, so all front-end devs really need to have a thorough working knowledge of the “art of arranging type”.

So, let’s run through a quick-fire cheat sheet of some of the most common typography mistakes — and ways to avoid them. Mis-judged Text Line Lengths Many designers tend to not pay enough attention to the number of characters in an average line of their text and adversely affect the readability of the text. Happily, this is an easy mistake to avoid, as the optimal length has long been identified. The great Swiss typographer, Emil Ruder did a lot of work on this topic in the 1950′s. In his seminal essay, “Typographie: A Manual of Design”, he concluded that the ‘sweet spot’ for line length was around 50 or 60 characters. Shorter line lengths slows comprehension as the eye spends more time tracking back to the next line. Badly Paired Fonts. Cufón Fonts - Free Cufon Font Library [BETA]

FREE TrueType Fonts To Download - More than 50000 fonts to download free for windows and mac. Cufón Fonts - Free Cufon Font Library [BETA] Fonts. GRAPHIC DESIGN. GRAPHIC DESIGN. FREEBIES & RESOURCES. Design Seeds® | find your palette. #e4f0f2 #bfdbf2 #8bbce0 #a37848 #dba94b #e3c991 Find The Palettes You Love color field posted 04.17.14 comments 0 refreshing hues posted 04.12.14 comments 5 sponsored links nature brights posted 04.10.14 comments 1 summer skies posted 04.05.14 comments 2 shuttered hues posted 04.02.14 comments 0 urchin tones posted 04.02.14 comments 1 color shade posted 03.27.14 comments 0 color school posted 03.16.14 comments 3 celebrate color posted 03.15.14 comments 1 color celebration posted 03.14.14 comments 1 color set posted 03.11.14 comments 0 color view posted 02.18.14 comments 4 next page >>> ShareThis Copy and Paste.

Dying Gladiator. Easy 5-Point Facebook Checklist. Typographica. Type Reviews, Books, Commentary. Think 3-D printing is cool? Try 4-D.

Fonts

Design Seeds®: For All Who Love Color. #ededed #e8dcca #b08a61 #66503c #6b636a #aba2a4 Find The Palettes You Love seasoned tones posted 04.27.14 comments 1 geode tones posted 04.25.14 comments 0 sponsored links culinary color posted 04.25.14 comments 1 geode brights posted 04.22.14 comments 0 dried tones posted 04.14.14 comments 3 bundled hues posted 04.09.14 comments 1 nature hues posted 03.07.14 comments 0 color comfort posted 12.01.13 comments 2 bountiful tones posted 11.28.13 comments 1 thanksgiving hues posted 11.28.13 comments 2 pear tones posted 11.25.13 comments 5 breakfast hues posted 11.24.13 comments 3 next page >>> ShareThis Copy and Paste.

Entypo Glyph Set - Pictograms (PSD/AI) - Designer First. Easter Type on Behance. Graphic Design Lessons.