Archive for the ‘Articles’ Category

Found Friday Vol 14

June 11, 2010

Welcome one & all to Found Friday Vol 14. This week gives a special shout-out to SwissMiss, because 3 of the items featured here I found first on her blog. I suggest following & bookmarking her site, as it’s a gold mine for solid & interesting design. This week’s finds include a super simple link-compiling web app, a new entry into the simple online store category, a Tumblr blog devoted to awesome & old-school letterheads, a beautiful HTML5 infographic, and a good tutorial on using patterns in Photoshop & Illustrator. Enjoy, share, and see you next week!

URLIST

Urlist is a super simple & useful web app. It’s a way to compile & share links you’ve found – for example, say you are building a website that has a mega-huge navigation system. You could research for sites that have good examples of large nav systems, compile the URLs using Urlist, and share it with your client/designer. Like I said: simple & useful.

www.url.ist

Vendr

It seems that, while so many web-related applications have gotten easier & easier to implement, ecommerce is still a little daunting. FoxyCart is great, but still takes a bit to set up and get running. Enter a new, purportedly simpler solution: Vender. Essentially, you set up a “store” link on your website, and when you click it, Vendr opens in an overlay (not a pop-up). Sounds pretty great; there are various pricing schemes to check out on their site.

www.vendr.com

Letterheady

Need some old-school print inspiration? Check out Letterheady, a blog dedicated to showcasing old-school letterhead designs. Charles Atlas’ is so awesome.

www.letterheady.com

HTML5 Infographic

Confused with all this Jobs vs Adobe, HTML5 vs Flash stuff going on? Perhaps this (beautifully designed) HTML5 infographic will help you out. Creative-commons licensed, so download away!

HTML5 Flickr Original Graphic

6 Ways to Use a Seamless Pattern in PS & Illy

Patterns are a great tool for any designer, regardless of whether you’re a print or web designer. Check out this super-easy tutorial on using them in Photoshop & Illustrator.

Seamless Patterns in PS & Illy

There are a bevy of tools in the typography-savvy web designer’s toolbox these days. No longer are we tied down by the age-old web safe font list; now, we actually have choices when it comes to setting & styling live type on the web. Of course, there are still issues with those using old browsers, but their punishment is dose after dose of Times, Arial and so forth.

Allow me to run down the current choices for designers & developers when it comes to live fonts on the web. Some of these are free; some are paid; some are easier to implement than others. It’s up to you to make the choice as to which tool is best for you and your project, but I’ll share my opinions throughout. If I missed any that you use on the regular, let me know in the comments! *note: each title and image links to the service’s website.

@font-face

free

@font-face

This CSS3 selector is probably the most widely-used tool for font-embedding today. It’s super easy to implement, and you can use any open-source font whose license allows for font-embedding.

Essentially, you upload the font to your server and link to it within your CSS file. For what it’s worth, I almost exclusively use FontSquirrel’s @font-face tools, which include kits and generators. If you’re overwhelmed by the amount of choice when it comes to @font-face fonts, check out the 10 Best @font-face Fonts.

Google Font API

free

Google Font API

This service from Google is even easier than @font-face to implement, although their list of available fonts isn’t so big (yet). It’s a similar idea to @font-face, but you don’t have to host the font on your server. You just throw in one line of code in your HTML and define the font in your CSS. That’s it.

Hit the jump for more ways to better your web typography! Read the whole article >

A couple of weeks ago, I launched a side project of mine: Chorus Magazine. My regular readers know this already, as I shamelessly promoted it here on the launch date. However, today I’d like to reveal my thought processes behind Chorus the brand and showcase the various design elements that came along with that: logo, print and web.

When my partner-in-crime, Kelvin, and I sat down to discuss what Chorus should be, we were clear on one thing: there is a need not only in our hometown of Edmonton, but everywhere, for a solid musician’s online resource. We wanted to build something that could potentially grow into the Smashing Magazine for musicians, so to speak. With that in mind, I approached the logo design as I would with any other business: I looked at competitors, I looked at my target market, and I aimed to create something that would resonate with the latter.

Chorus is a site for independent musicians, so I wanted the logo to reflect the DIY (do-it-yourself) ethic that indie musicians possess. I also wanted to create a logo that, perhaps, could someday be used on the front of an actual print magazine. Who knows, maybe we’ll get to that point. With that in mind, I decided to go with a logotype with a hand-drawn style. This was the end result:

Chorus Magazine Logo

Hit the jump for the full article! Read the whole article >

Found Friday Vol 11

May 21, 2010

It’s the long weekend, and I’m off to Montreal to see the sights. By “sights” I mean “riots” if the Habs win. Hopefully you have some good plans for the weekend too – if not, here are 6 tasty finds from this week in the design world to get you through the weekend. This week’s instalment includes a cool book for geeks who are dads, Google’s new font library & API, a cool poster explaining where cursors come from, an alternative to boring “Closed” signs, a free and useful vector pack of barcodes as well as a bunch of free offline tools for wireframing websites. Read on, readers!

Geek Dad

Are you a geek, who also happens to be a dad? Do you want some way to share your geekdom with your child? Then check out Geek Dad, a book of projects that geeky dads can do with their sons/daughters.

Geek Dad book

Google Fonts API

Font-face is great – we use it all the time – but it’s not without its flaws. There are other alternatives out there, like Typekit, but lookout: Google just entered the fray with their new Fonts API and library. Check out this post that explains it, and shows how simple it is to implement.

Google Fonts API

Where Cursors Come From

Oh, so THAT’s where cursors come!

Where Cursors Come From

Yes, We’re/Sorry, We’re

Need another way to show how unique you are? Then hang one of these bad boys in your shop window. Super cool idea.

Sorry Posters

40 Free Vector Barcode Graphics

These barcodes could be used for normal applications (like an album mockup), or as a design element in a grungy poster design or similar. Download it and keep it in your toolbox!

Free Vector Barcode Graphics

Useful (Offline) Utensils & Toolkits for Designers

We’ve talked before about being an efficient designer and working with pencil/pen before hopping into the Creative Suite. With that in mind, check out this collection of useful offline – ie. not on the computer – utensils and toolkits for designers. More for your toolbox!

Wireframes etc for Designers

Thanks for reading – see you next week!

Have you ever been out to dinner with a person who judges how good the restaurant is by the size of portions, and only the size of portions? It doesn’t matter whether or not they leave hungry, full or over-full; it doesn’t matter the quality of the food; it doesn’t matter how it was presented or how healthy it was for them. Nope, all that matters is the quantity.

Some clients view design like this.

clients and the perception of value in design

To these clients, the value of their design dollar is based solely on how busy a design is – “how much design” is “in the design”. It’s really unfortunate, as any good designer can attest to the fact that good design is design that engages the viewer; that elicits the proper response and/or action from the viewer.

Quite often, the more effective design is the simpler design. Over on Drawar, another great design blog, is an article titled “Don’t be a Design Packrat“.  This article talks about, amongst other subjects, the difficulty in reducing a design down to its bare elements in order to create what is needed. This belief is one I subscribe to in most facets of life, especially design. But every so often, we run into a client who might feel they aren’t getting their money’s worth because you came back to them with what they deem a “simple” design – much like a fine restaurant bringing the proper portion of food to you.

So what do you do when you encounter one of these clients who thinks bang-for-the-design-buck should equal an over-designed final piece of work when a simpler design is a more effective solution?

It all comes back to educating the client, I suppose. But before we even get there, ask yourself: does this design truly benefit from its simplicity? Or am I just being lazy? Self-awareness is huge for progress in your design career, so ask yourself hard questions like this and answer them truthfully.

If simplicity is the best solution, it’s time to explain your reasoning to the client. One, good design has to elicit the proper response, or action, from the viewer. An overly busy design is just going to act as a barrier to getting your viewer to complete the action. Two, the value of the design should not be determined by the amount of design elements in the final piece; it’s like saying a meal is good because the portion is huge, not because the final product is tasty and fulfilling. Three, just because a design is “simple” doesn’t mean the designer didn’t put a lot of time into the work. As the previously mentioned Design Packrat article talks about, usually the final piece starts out busier, and the designer spends time paring down unneeded elements. Plus, there is research time, time spent exploring other concepts, final file prep and other areas that are all part of the design process. The term “simple” design can really be a misnomer, as the process to get to that point is far from simple.

Finally, perhaps try gently reminding your client that they are hiring you for your knowledge of design. The knowledge of design – what works, what doesn’t, and why – is just as, if not more, important as the designer’s Creative Suite skills.

Hopefully by explaining these things to your client, you can avoid dissatisfaction. Remember, it’s all about having a great client-designer relationship; open communication is huge, and by practicing this you will be able to help clients understanding of value in design.

Connect

Subscribe via RSS to the Paper Leaf Design Blog Join our Weekly Design Newsletter Subscribe via RSS to the Paper Leaf Design Blog Subscribe via RSS to the Paper Leaf Design Blog

Search

Who?

Paper Leaf Design is a small but mighty graphic & web design studio in Edmonton. This is our blog, where we wax poetic on design.

Interested in our services?

Hire Us!