• Albert Banks
  • Eric Kramer
  • Jimmy Coburn
  • Krista Engler
  • Kristin Thompson
  • Les Ulmer
  • Lindsay Guinaugh
  • Michael Chatten
  • Myjive
  • Ron Edelen

Posts tagged as: Design

First and foremost when talking about fonts, you must understand the difference between typefaces and fonts. Typefaces are the design or look of the text being used, while the font is the delivery method of that typeface.

Stephen Coles from FontFeed explains it in terms of music:

When you talk about how much you like a tune, you don’t say: “That’s a great MP3”. You say: “That’s a great song”. The MP3 is the delivery mechanism, not the creative work; just as in type a font is the delivery mechanism and a typeface is the creative work.

Another way to show this difference is to literally show you the anatomy of type(faces) vs the anatomy of fonts.

The Anatomy of Type

Anatomy of Type

The Anatomy of Font

Anatomy of Font

Fonts can often times be a tricky and frustrating component of design and development for the web. Designers and developers face licensing and font compatibility issues across operating systems; not to mention browser compatibility issues.

Traditionally fonts were only sold with rights to print, with no mention of their use on the web. Thus, websites have been limited to a few selections of font families that work across different operating system and browsers.

With this limited number of fonts, developers have found a few “work arounds” to allow additional fonts to be used on the web. One consists of placing images of the content in the desired font instead of using text. Another other uses JavaScript to force fonts to be displayed through Flash. Unfortunately, these work arounds are often complicated, increase page load time and may not be particularly legal.

Another problem fonts face is that not all fonts work across different operating systems and browsers. Operating systems such as iOS and OSX generally do not have problems rendering the two main font types, PostScript and TrueType. Meanwhile, Windows operating systems have had some difficulties rendering PostScript fonts over the years.

Font foundries are now making “web safe” fonts, which contain additional information required by different operating system and browsers. This coupled with the fact that different OS’s are becoming more friendly to all font types, is making this issue easier to solve for developers.

As more fonts become web friendly, font embedding with CSS is being utilized more and more. This is greatly expanding the diversity of fonts that can be used on the web. With easier methods to include different fonts, I believe we’ll see even more uses of selectable typography and visually more interesting websites. I also believe that we’ll see even more influence from print design bleed over onto the web, where traditionally typography-rich designs were too problematic to build.

Inspiration Requires Perspiration

It’s hard to be creative on demand, but there are some simple creative strategies you can employ to make it easier to create beautiful, unique and inspiring work.

To create is to cause to come into being, as something unique that would not naturally evolve or that is not made by ordinary processes. To evolve from one’s own thought or imagination, as a work of art or an invention. Everyone has the capacity to be creative and contribute to the creative process through their own experiences, perspectives and feelings.

Creative Suite can be a crutch

It’s easy to fall into the bad habit of depending on Photoshop or Illustrator as the sole utility which we use to create art, and that makes for a very narrow view. It’s so easy to throw a filter on it, use a pre-made brush or find a handwritten free font online, but that can limit your creative vision and it’s not very inspiring.

Get off the computer and create something

Sketching and scanning is your best friend. You can make your own textures with paint, pens, markers, charcoal or other media and scan them in to create unique layering elements and scatter brushes. It’s so much more gratifying to create your own assets, and it saves you the hassle of having to search for the perfect texture online. You can also photograph your own textures for layering as well. Experiment with drawing your own type forms, icons and other unique elements. Explore possibilities beyond paper. In college, I once used a piece of acetate on a scanner sprayed with water to scan in water droplets. There’s really no limit to what you can scan.

Sleep on it

You can definitely over work your creative mind. Sometimes you just have to step away and work on something else, or give an idea a few days to marinate in your mind. It sounds silly but this works for me about 99% of the time. I really liked this quote from an article I read about creative inspiration, the author said “Inspiration requires perspiration.” That’s so true. Getting inspired is an important part of the creative process that is often overlooked. Good work doesn’t come easily. Sometimes we need to get our hands dirty and create our own unique assets. In the end, it’ll make you more proud of your work than if you just used stock or freebie assets.

Question everything

Question your design decisions. Ask yourself “Why am I doing this?”— am I doing it because it looks cool or because it supports the brand or message? Design decisions that have conceptual reasoning are easier to defend and generally make more sense. Sure old engraved ornaments look pretty cool, but if it doesn’t relate to your subject matter then it’s just confusing for the viewer and you’re not going to be able to explain to a client why you chose that element or how it relates to them. Design is not just about style, it’s also about communication. Your design, imagery, typography etc. should be inspired by and support the content and personality of your client and the message that you’re trying to communicate.

Sheep image by Christian Wiedel.

Do something different

Break out of your comfort zone, challenge yourself to do something different. Following design trends might be comfortable and easy but long-term success requires a unique approach. Challenge the status quo, push against the accepted to make things better for the viewer but do so with reason. Be prepared to explain why this new way is better and more relevant to the client’s needs. Trends are temporary, but good design that communicates a message free of fluff will ultimately stand the test of time. Look outside your industry for sources of inspiration: Architecture, Fashion, Photography, Industrial Design, Editorial Design, Music, Fine Art etc. can all be extremely helpful resources. I often pull color inspiration from fashion spreads or interior design. Finally, follow your heart. If you’re passionate about photography, take photographs and read photography blogs. It may not directly relate to what you do professionally but it can be a source of inspiration for that work.

Remix versus plagiarism

When you’re learning it’s okay to copy people, we all learn new techniques by mimicking the work of others and practicing. Your design is inspired by your experiences and influences. If you’re really into one or two designers and you only ever look at their work you will eventually rip them off. To prevent this, you should diversify your inspirations. The more work you look at the more diluted your inspiration will be and the less likely you’ll be to rip someone off. Copying is not illegal but it’s not ethical. The design community is a tight one, if you are too heavily influenced by someone else’s style someone is bound to notice and point it out. Unless the work is an obvious homage you could be in big legal trouble and possibly ruin your reputation.

On the other hand, it can be argued that there is no such thing as a truly original idea. We’re all influenced by each other—we build upon ideas and put our own spin on them to create derivative but unique work. Our ideas are a mashup or remix of other ideas that we’re encountered. New York-based filmmaker Kirby Ferguson produced a four part video series on the subject called Everything is a Remix. I would definitely recommend anyone in the creative field to watch it.

Sources and references

http://retinart.net

http://www.jessicahische.is/obsessedwiththeinternet/andbeingresponsivelyinspired/inspiration-vs-imitation-2

http://uxdesign.smashingmagazine.com/2012/03/15/symptoms-of-epidemic-web-design-trends

http://www.smashingmagazine.com/2010/04/08/the-dying-art-of-design

http://www.everythingisaremix.info/watch-the-series

Design Related LogoWe here at Myjive love the social networking site design:related. Not just because we’re friends with Matt Sung, Director/CEO…

Started less than two years ago, design:related has blossomed. It has always been a social networking site with a creative slant featuring Inspirations and Portfolios. Now the site now also includes a news section, featured interviews and articles, job listings and podcasts.

Simply put, it is THE place for creatives to connect, inspire and be inspired. Join Now!