Typography: Tools and Techniques of the Trade Be Sociable, Share! Often overlooked and misunderstood, typography stands, to many, as one of the least interesting aspects of design. Plenty of us have a predetermined collection of 5 or 6 fonts that we always choose from; a go-to pool of familiar looks. We let default line heights rule the roost. However, by expanding the breadth of our typography knowledge, we can truly reshape and characterize our design. Improved ReadabilityProfessional TouchUnique Feel To put it simply, you will become a better designer. The Basics The Basics of Typography: What better place to start than from the beginning? Thirteen Ways of Looking at a Typeface: Michael Bierut examines the previously mentioned notion that designers should stick to a small collection of fonts and discusses its faults. The Typography Timeline: Why not sharpen your knowledge on the subject with a little bit of history? Techniques Tools What The Font? Baseline Rhythm Calculator: The idea behind this tool is simple. Conclusions
Linux Font Equivalents to Popular Web Typefaces I have written before about my admiration for Web typography, and in that article I touched on the fact that many “Web safe” fonts can’t be applied to Linux. Linux distributions each ship with their own font libraries, but I’d like to focus on similar typefaces you can use within a font-family to help make your design bulletproof. I’ve been a Linux user for some time now, and Linux is my platform of choice both at work and at home. While the list of Web safe fonts we have come to know and love is relied heavily upon, it can be very beneficial to include similar default Linux fonts in your font-family as well. What about msttcorefonts? msttcorefonts is a Linux package providing many Microsoft fonts for easy installation. The fonts provided with msttcorefonts are as follows: Taking into consideration Common fonts to all versions of Windows & Mac equivalents, there are a number of fonts often included in designs that readers running Linux will never see (by default). Arial Charcoal Comic Sans MS
20 Rules Of Smart And Successful Web-development 20 Rules Of Smart And Successful Web-development » Mar 20, 03:45 PM 12 months. 12 months already… A year ago I have started to improve my web-development skills and to share the knowledge I had with the visitors of my blog. Most projects and articles I’ve created or written are still popular in the Net – The Web-Developer’s Handbook has become one of the most popular web-sites since the beginning of social tagging, it was digged, slashdotted (twice), bookmarked by over 8000 + 3770 delicious users; the articles about my projects and articles appeared on SiteProNews, Lifehacker, Zeldman.com, 456bereastreet, mezzoblue, stopdesign and 274.000 other web-pages. The funny thing is that as I was just realizing my ideas in the Web, I didn’t think about getting the page popular, tweaking its position in search engines or finding potential clients on the Web. The basic idea was helping people. 1. Denny Carl from Devblog.de has placed Google Adsense Text Block in the right column.
Motion Type August 13, 2007 No doubt you caught the “Pulp Fiction in Typography” video going around a few months back. Ever since I’ve been noticing plenty of interesting cases of motion and type being used together to visually narrate audio. Some are lush and detailed with accompanying illustration or video, whereas others are spartan and plain; simple colours and minimal type are used to effectively illustrate ideas, and that’s about it. The latter are harder to pull off, but demonstrate how effective graphic and motion design can be when done well. Taken from a variety of sources like movie clips, songs, and grad projects, there are a lot of neat typography experiments on YouTube. (Note that some of these have language that many will find offensive. Update: Bonus link that I missed first time around - Hey Ya!
Typechart - Browse Web Type, Grab CSS. Essential bookmarks for web-designers For more useful and inspiring content related to design and web-development visit Smashing Magazine — a magazine dedicated to web design and development. If you think this web-project is useful, please consider making a donation using the button "Donate via PayPal". Support the further development of the project! updated/SaturdayJuly26th Although the "pocket edition" of Web-Dev-Bookmarks wasn't officially released one week ego, it has already been tagged, linked and bookmarked by thousands of users. updated/MondaySeptember19th Since the project "Web-Dev-Bookmarks" was slashdotted, digged, furled, mentioned on Del.icio.us, Stumble Upon, 456bereastreet, CSS Beauty, Lifehacker, remarked by Cameron Moll, Jeffrey Zeldman and linked on 1688 pages, it was literally overflooded with visitors and traffic. Over 31,000 users came across "Web-Dev-Bookmarks" over the last 7 weeks, more than 130,000 hits were made. Every donation counts. Please support the project (USD) Please support the project (EUR)
40 Really Useful Photoshop Text Effect Tutorials No matter you want to design a banner or logo, text effect is very important. Why? It is because a beautiful text effect on the banner or logo will attracts the visitor and also delivers a better message. There are tons of Photoshop text tutorials around us, but today we are going to pick the most 40 beautiful Photoshop text effect tutorials for our readers. You may or may not seen them before, but believe me, they are really useful, cool, beautiful and easy to follow tutorials. You may subscribe to our RSS feed or follow us in Twitter so that you can always receive latest news from us. 1. 2. A very nice wooden text effect tutorial in Photoshop presented by 10steps.sg. 3. 4. This tutorial will show you how to create the 3D text shape and give it a high quality metal look using pure Photoshop. 5. In this tutorial, the author shows you the process involved in creating this golden flame text effect with soft smoke texture in Photoshop. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21.
typeface.js -- Rendering text with Javascript, , and VML BLUE VERTIGO | Stock Photography 10 Incredible Sites to Improve Your Typography Skills | Web Desi I think most would agree that typography is a difficult skill to master. A few months ago, we showed you some tools and tutorials to improve your web typography. While these are very useful, tools are only half the battle. Having a strong foundation of typographic knowledge is crucial. Typesites Typesites is an excellent source of typography inspiration. Typographica Typographica is a review of typefaces and type books, with occasional commentary on fonts and typographic design. I Love Typography I Love Typography is probably one of the most popular blogs on the subject. Typophile Typophile is a community driven typography site full of useful articles and resources. Upscale Typography Upscale Typography is loaded with useful typographic tips, new releases, pre-release notifications, historic references, trends and everything else typographic. Type for You Type for You is a blog that covers all things typography. Typography Served We Love Typography The Font Feed Typographer.org About the Author
Top 7 Fonts Used By Professionals In Graphic Design Posted on 23'08 Sep Posted on September 23, 2008 along with 281 JUST™ Creative Comments Although there have been many other most used font posts, most of them outline fonts used by the ‘not-so-well-trained’ designer. In this post I want to outline the fonts that are often used by the more ‘professional’ of designers. This article is the third article of four in this series. The Four Part Series 1. Without a doubt, Helvetica is the most heavily used font by professionals (and also by the not so professional) in graphic design. And as Vivien pleas in her 16 most overused fonts article, “Understand that you can’t always rely on Helvetica to illustrate and deliver your every message. 2. Trajan finds its way into many Hollywood movie posters and anything remotely to do with religion, law, marriage, class or the past. A bit of history on the font Trajan… Trajan is an old style serif typeface designed in 1989 by Carol Twombly for Adobe. 3. 4. 5. 6. 7. Close Contenders Still type hungry?