Smashing Magazine issued a challenge to designers for the new year, and I’m on board! I tried to decide what type of design I’d want to do and could stretch my boundaries as a designer. So in answer to this Challenge, I will be designing and posting a new Bookmark design each day on this blog. The Designs will link to a downloadable file that you can feel free to download, print out and share as desired.

Bookmark This!

Unfortunately, you probably already know that SAVING EVERYTHING can take a lot of time and space. This week a fellow designer and colleague asked about my file practices. I realized this is an area where we can certainly all learn from each other as we share our methods and increase our effeciency.

So, here’s what I do:

My file structure is first broken down into clients. Sometimes by their names or their company names.Inside those ‘client’ folders, I break each client down by projects.

Such as:

Business Card

Bookmark

CD Covers

Website
Now, within each of those “project” folders, I include folders for all the parts of the projects:

Such as:

Concepts
Stock Photos
Fonts
Final
Revisions

As I mentioned, so many times, this has saved me being able to go back and pull some random part from a project quickly. Depending on the size and scope of the project, sometimes within that structure I’ll also have to break it down into layered files and flattened files, so I may also have a directory for JPEGs, PSD, INDD etc. Just depending on the program used and project specifics.

That’s me and how I handle my files. What about you?

Bookmark This!

In this tutorial we’ll layout a basic newsletter using InDesign, but keep in mind that the same principles of good newsletter design could be used in any program.

Step 1: Set Up Your Document

To get started, first open a new document in InDesign (Apple + N). This basic newsletter will be 1 page front and back so set up your document as shown below:

Step 2: Save

I never go farther without saving my document (Apple + Shift + S). Get into the habit of saving early and saving often.

Step 3: Create Your Header

Depending on how design-savvy you may already be you may already have an adequate header to place at the top of your newsletter, if so, simply place the file in and skip to step 5, if not, we’ll create your header now.

The amount and types of things you want to include in your newsletter header may vary from what you see here, but we’ll stick to a simple rule of thumb. To create your newsletter header, we want to add your logo and some simple graphics that represent your branding to the top of the page.

If you’re not sure where to place your logo, try right-aligning it to add visual interest. In this example, I’ve simply added a blue background behind the logo to anchor to the newsletter name, volume and issue numbers and date. Next, I created a basic 3 pt white line straight across about 2/3” from the bottom.

Step 4: Add Your Newsletter Name

Since we created an anchor point for our headline, we can now add our text and the title of our newsletter. Again, to add visual interest try a few different arrangements. If you’re still not sure what to do, remember that simple is probably better in most cases.

Step 5: Adding Intro Text

With any newsletter you will have a main article or headline story. To create visual interest add this story in full width across both columns of your layout.

Remember, when working in print design you want to use serif fonts as a general rule because it’s easier for the readers to quickly scan and absorb. When working with a multiple column layout also keep in mind that the eye can decipher left justified lines of text quicker than ragged right alignments.  For this example I’ve used Garamond 12pt text with 16 pt leading as shown below:

Step 6: Format Your Headline

To maintain consistency in your newsletter try to use a headline font that closely matched the fonts in your logo and/or newsletter heading. This will visually give your newsletter a polished feel. Your article headline should be larger than an author by line. I’ve used Brody, 24pt to match the branding of the Web company.

Step 7: Add Your First Photo

What good is a newsletter without photos? Add your first one here and be sure to include a text wrap as shown to tighten up your design.  Keep in mind that depending on which direction your audience reads from you will generally want your image to lead the eye into the article. For my audience images on the left will do just that.

Step 8: Adding an Article Divider

Now that our first article is in place we should add an article divider before switching to our two-column layout. Your horizontal divider can be as simple as a 1 pt line or more complex such as a specific design element.

Step 9: Adding Your First Column Article

Repeating steps 5-7 you are now ready to add your first columned article with the following exceptions:

• Rather than extending the width of the page, you should only fill the first column with this text.
• Your headlines, bylines and image should be proportionately smaller than those in your main article.

Step 10: Adding Other Column Articles

Repeating step 9 you can now add the rest of your column articles. For a small newsletter I would suggest using the columns as needed on the second page as well as shown here.

Step 11: Adding a Pullout or Significant Fact

By now, those reading your newsletter may be drifting off to sleep. Once more, to provide visual interest we need to add another design element. Adding a pullout or significant fact for your readers that is set apart in larger text and spans the whole width again is a great way to vary your layout without creating chaos. Using the horizontal lines in Step 8 and your headline font, add something of interest to pull your readers back into your newsletter.

Step 12: Adding A Closing Article

The last article in your newsletter can be added to the left column following the same steps listed above. This article should give the reader a feeling of closure or include a teaser about what’s in store for the next issue.

Step 13: Adding Contact Information

Perhaps the most vital part of the newsletter is the contact information for the organization. I’d recommend including your logo again as pictured here along with any information or special instructions for your readers to get in touch with you.

Hopefully, the principles applied in this tutorial can help you in your next Newsletter adventure!

Bookmark This!

Smashing Magazine issued a challenge to designers for the new year, and I’m on board! I tried to decide what type of design I’d want to do and could stretch my boundaries as a designer. So in answer to this Challenge, I will be designing and posting a new Bookmark design each day on this blog. The Designs will link to a downloadable file that you can feel free to download, print out and share as desired.

Bookmark This!

While I don’t want to give up the “Design Everyday” challenge, I must admit it’s getting even more challenging for me to keep up. This weekend alone I received more than a dozen new projects for my firms to undertake. In short the design business is good.

In other news, here are the last 3 bookmarks that I’ve missed. The mustache bookmarks were SO much fun to create. I used a mustache brush that is available at www.BrushEezy.com. No design aresenal is complete without a mustache brush. Seriously. =P

I will be continuing with the bookmarks. As I mentioned though, I also am happy to provide a download link for anyone interested, I just don’t always take the time to upload the PDFs. Just drop me a line regarding which design you’d like.

Bookmark This!