BonFX

Typography & Graphic Design Blog

  • Facebook
  • RSS
  • Twitter
  • Blog
  • Books
    • The Preposterously Huge Book of Google Font Combinations
    • The Big Book of Font Combinations (Classic Fonts Edition)
  • About
  • Gallery
    • Monster Alphabet
    • Pen and Ink Cartoons
    • The Algorithm FX
  • Contact

Pardon the mess as I move to WordPress and Theme Hybrid / Skeleton

September 3, 2009 by Douglas Bonneville

Over the next few days, I’ll have the new blog coming together, built on Theme Hybrid, a WordPress theme framework. I’ll be using the “Skeleton” child theme which is really just the raw output of WordPress with all the HTML tags in place, together with a complete bucket load of empty CSS styles ready for me to fill in. This will be an experiment! I’m used to coding from scratch, but the classes and reasonably semantic names of the HTML tags of Theme Hybrid should make this a relatively easy endeavor. I couldn’t bare to look at the temporary theme with no header up there on top of the new blog, so I tossed my new header (which is wraping because it was too short). So, yeah, the site looks befuddled as of 9/03/2009. Don’t let that fool you!

WordPress vs ExpressionEngine

Going to WordPress from (rather, in addition to) Expression Engine feels a bit like giving up my chisel, hammer and leather apron for a lathe, band saw, and lab coat. However there is so much packed into WordPress, and Theme Hybrid in general, I’m looking at it quite differently. Different solutions for different problems indeed, but in wanting ever to be the craftsman, it feels strange and liberating to hand over the custom functionality I’m used to creating in ExpressionEngine to the WordPress backend. It is very, very powerful stuff! As a freelance graphic designer, time is limited, and time is money. When it comes to publishing on the web, the key is speed and ease, since spending time on a fully-customized blog or web tool is simply counter productive, when at the end of the day, it would take months of work to equal what WordPress with Theme Hybrid (or any of the other popular frameworks) provide practically right out of the box.

Filed Under: WordPress Design

Why should you focus on a niche as a freelance graphic designer?

September 3, 2009 by Douglas Bonneville

Taking a buckshot approach to the graphic design business is a sure-fire way to miss your target. Perhaps I should rephrase that. The buckshot approach to the graphic design business is a sure-fire way of making sure you don’t know what business you are in. You’ve been to “those” websites as you researched creating your own website, where it seemed this small graphic design company had every service under the sun available on their site. They had a “huge” portfolio with average looking work. You weren’t impressed by the creative, to be honest, but you were a little bit baffled how they got the work to begin with. At this point, you wished you at least had their business. Then the thought crossed your mind: maybe by offering a lot of services (like twenty of them!) that I too will get business and have a successful run at getting my freelance graphic designer career off the ground. I have news for you. 99% of those “graphic design” companies that look like they do everything from mugs to “corporate annual reports” more likely have done a few mugs and zero “corporate annual reports”. On second inspection, something doesn’t seem quite right. Haven’t you seen that layout before? Are those real numbers? What on earth does that “company” in the “annual report” really even sell? And so on. What a lot of dubious “graphic design” companies do is…absolutely nothing. Many websites are abandoned attempts to get business, and what remains is record of the frenetic attempt that is now riding out the balance of some hosting account, or are simply put out to pasture by some serial website creator who among other things at one time attempted to get a “graphic design” business going. The line of reasoning was something like “I can do this easy business! I’ll get templates or some sucker freelancer to work cheap for me while I rake in the bucks.” Yeah, right. Three months into that gig and he’s onto other great ideas like “I’ll start my own template site” or something else more incredible like a Yahoo store selling customized pens with special pricing “for a limited time only”. Or now he’s selling ebooks on the secrets to designing a website that will attract millions of viewers – guaranteed! What the shady-types the web is filled with do to well-meaning freelance graphic designers is simply confuse and dishearten them. Stop right now and listen! The web is littered with what seems to be “successful” graphic design business websites, but nothing could be farther from the truth. There are many sites, like the hills of California during the Gold Rush period, that are simply abandoned! You might walk up to any fresh looking miner site at the height of the Gold Rush and think, seeing all the panning contraptions and fresh dirt piles everywhere, that some serious gold has been had by some lucky fortunado. In all reality though, you probably just stumbled on a site that was abandoned a few months back. But it sure looks busy! No, the prospector is either 1) dead or 2) selling moonshine in town or 3) selling maps to the “gold in them thar’ hills.” So should you focus on a niche? Of course. Pick what you love best and focus on it thoroughly. Don’t offer a service you think will make money, just because it might. Offer it because you really enjoy the work as a freelance graphic designer. If  you don’t enjoy the work, the idea of a niche might make you cringe. Now a niche doesn’t have to be so narrow you define yourself right out of work. For instance,  you could focus on print design, with a bit of a tight focus on small business brochures. Or you could focus on poster design, or logo design. Your freelance graphic design portfolio should reflect a slightly homogenized style and content matter. Homogenized is not a bad word, especially when we think of diary products. It means to be free from harmful foreign matter, protected from it being introduced and compromising the product. A niched-focused portfolio conveys a very professional sense of self-assuredness. Let reason dictate and keep a tight reign on the scope of your portfolio on the website. That reasoning will shine through and convince clients of the one most important thing a niche could possibly accomplish for you: you are worth hiring because you are consistent, professional, and focused. So, take the laser-focused approach and define your freelance graphic design portfolio around your actual strengths and not around the buckshot method that tries to please both the “cheap pen” and “corporate annual report” client at the same time. You’ll get neither that way!

Filed Under: Freelance Graphic Design

How many pieces should be in my freelance graphic design portfolio?

September 3, 2009 by Douglas Bonneville

How much is enough? How much is too much? How much work you should show in your freelance graphic design portfolio depends on a variety of factors. Let’s examine some of them. But first, let’s say a few words about the reality of freelancers showing their portfolio. In the “old” days, like several years ago, it used to be that you had to bring a portfolio to an interview. The rules for how many pieces are appropriate for an interview are pretty established. The consensus seems to be 10-15 pieces, depending on the work. If your primary focus was for some reason business cards, a few extra pieces per page of portfolio wouldn’t hurt. On the other hand, if your portfolio presentation was a series of 20 page full-color catalogs, just a few pieces would be fine. In the end, having 10 or 12 pages to flip through at a meeting is more than adequate. What is the client not doing while you are flipping through these pages? They are not thinking very hard about specifics. They are taking in a general sense of you. Your clothing, breath, personality, body language are probably 80% of what they are taking in. How you flip your pages (fumbling or confident?)  and what shape your portfolio is in (dinged up? nice and crisp?) is part of that too. About 20% of their attention is focused on your work. You are package deal, which is the unspoken but pragmatic truth about in-person freelance graphic design portfolio reviews. In all my many years of presenting portfolios, the same one with little change from year to year (my best work is timeless…hehe), I only had one person, who was not principle interviewer, ask me a remotely technical question about what they were seeing. I would say that 95% of the time, the portfolio review was flipping page while I talked in beautifully vague language about my experience working on the piece. For instance “Ah…this piece was a fun one. I got to tour the factory after I met the client and got free Asian frozen meals. The president of that company was…blah blah blah.” Many times I would not even talk directly about the work. And nobody asked. It was like a slide show of my summer vacation, more or less. I got a lot jobs that way. But let’s get back to the issue at hand, which is namely presenting your work on the web. Once again, the final number for the web is really quite a different number than a live presentation would be for a variety of factors. First, there is no you in the flesh for them to be thinking about. But what replaces the you-factor if someone is perusing your website, sans you? In this case, it is your overall web design and usability that takes that place. How thoughtful have you been in designing the site? Have you nested the categories down inside several layers and clicks with “clever” small type that is hard to click? Did you (please say you didn’t) do a Flash portfolio with some “clever” “advancement” of standard user interface behaviors. If you did, well, all I can say is it’s never too late to change your website. A hard-to-use, overly clever, obliquely usable website is the equivalent of doing your live freelance graphic design portfolio presentation using a sock-puppet and pop-up book that doesn’t quite function correctly to present your work, while at the same time you are mumbling your words, and not to mention you are smelling like onions, lavendar, and fresh hot road tar baking in sun. Not pleasant and also self-defeating. Stop defeating  yourself! Your interface is entirely in the way, is what I’m trying to say. You need to rethink your website and make it as easy as possible for a visitor to get to the one thing that matters – your work. So what is the magic number? Well, there is none. But there is a magic method. The method is this. Whatever you do, get the interface as out of the way as much you can. No nesting of categories and clever clicky things. Make it as simple and easy as possible to get to the work and to get from piece to piece. Avoid Flash and do Javascript-based modal windows where you can. There is  You might have work focused on a niche that only requires several pieces to be displayed. On the other hand, you might want to overwhelm the visitor with a sense of the volume of work you’ve done, in which case you could have 50 pieces, thumbnails of course, listed on a single page, and present the visitor with an opportunity to shop the page, as it were, looking for something that strikes their fancy. The bottom line: There is no magic number when deciding how many pieces of work to show in your online freelance graphic design portfolio. However, there are established rules, closely tied to the reality of how people actually use websites and graphic interfaces, that should determine the best way to display your work. In a word, you need to make as few clicks as possible between a visitor landing on your page and them having your work on the screen, as large as possible (hint: get a modal window Javascript to handle your portfolio presentation). This user-friendly method says more good things about you than you might think.

Filed Under: Freelance Graphic Design

Every good graphic design starts with a good drawing

September 3, 2009 by Douglas Bonneville

As soon as I could hold pencil, I was drawing. I drew through grade school where I spent time out of boring classes and instead got to decorate the hall bulletin boards. I drew through high school and three years of art studio time every day. I drew before I painted, then painted over what I drew. I drew before I sculpted, then sculpted what I drew. Then I went to art school where I drew some more. I studied graphic design where the first thing we did was…draw. Then we painted in black and white on top of our…drawings. Then I did printmaking where I…drew…such classic printing methods as stone lithography and entaglio. I even did linoleum print making where I took wood carving tools and cut out what I had just finished…drawing. I had a sketch book I carried (and still carry) with me everywhere. At lunch I drew. Then one day… I got Pagemaker on PC back in 1992. I made a box on the screen and was smitten. Look at that straight line! Wow! I stopped drawing completely. I was so smart! Why mess with stupid lead and erasers? I got into web design. Why mess with paint and pen and ink to pay the bills? Drawing was for fine art, which I continued to do. Then print and web design got hard. And harder. It was not so fun even though I had, by the late nineties, multiple undo’s and dozens of versions of projects saved with names like “brochure_v74_alternative_FINAL-03b.ai”. What was I missing? I have a pen tool, even a pencil tool. I have an eraser tool. I have delete and a hi-res mouse. What was wrong? And then one day… I got my sketchbooks back out. Thumbnails all around for all print layouts and web layouts. Sketches for all my freelance design clients. Sketches for everything FIRST and foremost. Good ol’ NO.2 and a Pink Pearl or kneaded wonder. My graphic design skills got better the more I drew and hesitated to get on the computer. And so today… After 20 years, I draw more than ever. I draw every day at lunch. I draw in my sketchbook. I draw in my business meeting notebook. I draw on whiteboards in meetings with programmers who give me quizzical looks. The marketing team likes when I draw, as they are visual thinkers too. And so… Don’t fool yourself! Thousands of years of cultural development of art, graphic design, typography and media have not changed one simple fact – drawing is the foundation of all graphic design and art. The Flemish master painters from the Renaissance handed us the seven layer method of painting, of which the first three steps are essentially drawing with lead and ink, and that several layers of colorless paint before color is introduced. They solved all the problems of design, composition and layout well before a single pigment was a figment in their imagination. Is graphic design any different? I don’t think so! Therefore… If you want to be a more impressive freelance graphic designer, if you want to turn work around faster and with greater grace and speed, if you want to converse fluently with your artistic muse and drink deeply from that fountain of inspiration, pick up a pencil and sketchbook, and draw it out before you think of hitting Command-N in Illustrator or Fireworks or InDesign or Photoshop. Get your layout worked out. Get your grid lined up. Get your whitespace flow spaced out. Rough out some typography. Erase, start over, work it on paper. Flip the page. Work fast and then slow down when something coagulates. When you have the elements all worked out, you may proceed to the application of your choice, with your trusty pencil and notebook telling you what to do next… Don’t start your next freelance graphic design job until you’ve discussed it with your NO.2 pencil and notebook. They offer the counsel you need for a successful project.

Filed Under: Drawing

Top 10 fonts for graphic designers

September 3, 2009 by Douglas Bonneville

There are approximately 73 billion typefaces out there in the wild the last time I counted. 99.5% of them are either copies of classic fonts, totally useless in regards to real typography, or copies of classic fonts rendered totally useless for real typography because of poor construction of the font files like missing characters and incorrect kerning tables. Where does that leave the budding young graphic designer looking for the right starting set of best fonts on which to base a career? Well, lets look at painting for a moment and find an analogy. When you go to the art supply store, you can find a bewildering array of oil or acrylic paints to choose from. What exactly is Cadmium Red Light (Hue) and Phthalocyanine green? If you are an experienced painter, you know what those are. But if you are a new painter and have a good book or instructor, you were instructed to avoid those tubes and go for a classic “starter set”. You have a wise instructor. Put down the Dioxazine Purple, and pick up the 6 tube starter set like you were instructed. Many painters use a limited palette. A limited palette is a set of colors from which many new colors can be mixed. For instance, my favorite watercolor artist Ray Campbell Smith only uses about 6 colors on many works. The core set of colors that make up the 6 color set is even smaller – only 3. Those three colors, a type of red, a type of blue, and a type of yellow, are combined to give a huge variety of hues. Adding the minimal use of a darker color (like a Payne’s Gray) further extends the hues created with the 3 primary colors, and same goes for the other one or two colors that might be used in limited circumstances. Where am I going with this? To draw from this analogy, you only really need a very small sub-set of the most popular fonts to create a huge variety of work. Some people collect fonts and use them all over the place. Some designers have worked with a half-dozen fonts their entire careers and are quite well-off. They put the time they could have used looking for “that special font” into a solid grid-based layout, thought about content and white space, and became better designers for it. So what are the top 10 fonts a graphic designer should have? This list by no means is definitive. However, if you find 20 other articles on the web suggesting an approach similar to this, you will find by and large the same typefaces showing up over and over. In fact, if you search for the top fonts of all time, or top favorite fonts, you will probably see about 20 fonts, out of the 73 billion available, showing up over and over. Not that you can’t grab something off the wall once in a while, but by and large the problem of good typography has been solved over and over, so there is no need to reinvent the wheel or look too hard in strange places for great fonts for regular daily work. Here is my list of top 10 fonts for graphic designers, in no alphabetical order:

Top 10 Fonts for Graphic Designers

  • Akzidenz Grotesk
  • Bodoni
  • Frutiger
  • Futura
  • Garamond
  • Gill Sans
  • Helvetica / Helvetica Neue
  • Minion
  • Trade Gothic
  • Univers
This list reflects what I actually use on routine basis. I actually use a few more, but I wanted to keep this list to 10. I would gather that other limited-font-user designers like me have 5 or 6 overlapping choices here, or use similar substitutes. For instance, Trade Gothic (which I love) is different but comes close to functioning the same way Avenir does. I own more faces (weights) of Trade Gothic, so I usually end up going with that when the need arises and the other sans serif fonts aren’t quite right. However, if I did own more faces of Avenir, I’d probably use it over Trade Gothic in most cases. As a freelance graphic designer you might not have lot’s of cash to buy all the great fonts and faces you see and like, but the reality is you only need a thorough set of basics to get you quite far indeed. Remember, some of the greats only ever used a half-dozen fonts with any frequency! If you focus on using a core set of fonts, like a core set of primary colors, you will be able to create an endless variety of styles, moods, layouts, etc., and not feel in the least bit slighted or hindered in your effort. Focus your work on getting a great layout, white space, grid, visual rhythm, and content, and you’ll be creating graphic design masterpieces in no time at all.

More Top Fonts resources:

  • Top 100 Best, Cool, Most Popular Professional Fonts (In English)
  • Top 7 Fonts Used By Professionals In Graphic Design
  • 13 excellent typefaces for graphic designers | David Airey …

Filed Under: Typography

  • « Previous Page
  • 1
  • …
  • 49
  • 50
  • 51
  • 52
  • Next Page »

Lost in UX like I was?

"What do all these terms mean?"

But then a cat showed me the UX way with simple definitions and funny visual examples.

Now, I remember them all!


Check out "UX for Cats"


Font Combinations Book

On Sale Now at
Amazon

HOW TO MAKE INSPIRED FONT COMBINATIONS (without spending all day clicking things).


Font Combinations Book  

On Sale Now at
Amazon / Barnes & Noble

Or get the PDF eBook version, INSTANT ACCESS, 40% off Retail, now at the BonFX Store

Need Font Pair Ideas? How about 7500 pages of them?

Fantasticaly faster than fiddling with finicky font file formats


Font Combinations Book  

Get the PDF eBook INSTANT ACCESS, now at the BonFX Store

Recent Inspirations

  • 50 essential UX terms you need to know, illustrated with… July 18, 2024
  • “UX for Cats”, the perfect fun little book for UX beginners May 22, 2024
  • User Research in UX January 1, 2024
  • Rapid Prototyping October 23, 2023
  • Error Prevention in UX October 23, 2023
  • User Engagement in UX October 23, 2023
  • Empathy in UX October 23, 2023
  • Visual Hierarchy in UX October 23, 2023
  • Fidelity in UX October 23, 2023
  • Consistency in UX October 23, 2023
  • A/B testing in UX October 23, 2023
  • Key Performance Indicators in UX October 23, 2023
  • Task Analysis in UX October 23, 2023
  • User Stories in UX October 23, 2023
  • User Surveys in UX October 23, 2023

Copyright © 2025 · BonFX

  • Blog
  • Books
    • The Preposterously Huge Book of Google Font Combinations
    • The Big Book of Font Combinations (Classic Fonts Edition)
  • About
  • Gallery
    • Monster Alphabet
    • Pen and Ink Cartoons
    • The Algorithm FX
  • Contact