Design, Typography & Graphics with tips and tricks for design, printing, photography and publishing of all kinds
The official publication of The
Design & Publishing Center. The best place to start is with the latest issue of the Newsletter

Newsletter Make-over Clinic | DTG Magazine

Newsletter make over clinic, page 2

What do we observe?

1 - The Banner

The Banner of any newsletter walks a tightrope. It must always be strong enough to brand the publication and get it noticed, yet speak softly enough so it doesn't overwhelm the page. It should communicate the publication and organization's purpose without overstating the point. (At this point you may want to pull up a separate window with the original newsletter for comparison. Resize it so you can still continue reading on this page)


Sidebar: Always remember that white space can organize visual objects or call attention to them through isolation. Decide which you want it to be, then make it work for you -- not against you.
___ In these two examples, not wanting to do away with the current concept and feeling, the apple could be solid, and the "papers" look a little more like papers. After playing with some type, and the relative positioning of the logo with the headline, it became obvious that the logo would retain it's integrity even if we didn't show all of it. This gave us a perfect opportunity to break the banner from the content well.
In MacPUG we see the banner is causing some problems to the other parts of the page. First, when the 'apple' dives so deeply into the content well it calls too much attention to itself, and even creates an uncomfortable white space or "hole" in the layout. Squinting at the layout, or viewing it slightly out of focus, reduced, reveals the hole. This can pull the reader's eye.

I believe the relative importance of the graphic is over stated in this layout. It could easily be reduced and not lose any implied importance.

Additionally, the Banner needs to be separate from the content well. Here, the 'logo' seems to suggest that it is part of the lead story. It also disturbs the heads of all three columns, causing them to stagger across the page. Column heads should be evenly aligned.

2 - The hierarchy of importance

As the banner pushes the column heads out of alignment, it causes another problem. Which article should we start with?

In the "Newsletter Rules" supplement to this article I outline the kinds of editorial content a newsletter contains, and the relative importance those articles should hold. (The "Rules" supplement is published in the December, 2001 PDF issue of DT&G.

Without prompting, I had to assume the "October" article is the lead, or feature. I surmised that simply because it was the first story. However being pushed lower than the image of the compass, I'm drawn to believe the "President Missing" is the feature. Now the reader is subconsciously confused.

Note how the triangle of images; the apple, the oak leaf, and the compass, all compete for importance in the arrival space of the newsletter. They seem to have somewhat equal weight, and therefore shout equally for my attention. Chances are, I'll go for the compass simply because of the pointing devices.

Additionally, there's the problem with the stem of the oak leaf pointing off the page to the left. We would strive to have the reader understand the parts of the front page, and instinctively begin tumbling into the content flow immediately upon arrival. We want to help them get at the information, and get at it with minimum work and frustration.

The editor must declare what the feature article will be, then make the others subordinate. We do that by position on the page, and any visual devices used.

3 - Weight and positioning of anchor elements

By anchor elements we mean things that appear in every issue like the Masthead and the table of contents. These elements are secondary and expected by the reader, so they don't need primary positioning.

I won't comment on the fact that the boxes don't line up. We'll blame that on a mechanical problem at printing time. (Grin)

When evaluating the weight and positioning of anchor elements we have to ask how we want the reader to proceed. In this case, both boxes form a rigid and obvious wall down the right side of the page. This makes them very important. They actually stop the reader flow into the content well.

Perhaps these might be better to the left, as a starting point, or beneath the lead copy... which brings me to the next point...

4 - Reader eye flow.

Where you put things on the page, and how they flow is a critical consideration in any publication. Remember that the reader's eye falls somewhere in the upper, left-hand quadrant of the page, then instantly does a lazy 'Z' shaped scan to the lower right, then returns to the upper half of the page (if sufficiently stimulated) to begin reading. They'll always do that, you can count on it.

So, we're challenged in arranging visual and editorial elements to support that eye flow. We also have to support gravity, because the eye always falls, or wants to move down the page.

Reader eye flow is also critically dependant on a number of wordsmithing rules. The typography in this newsletter needs some refinement to promote reader eye flow, but I'll get to that later.
Once again, if you squint at this front page, your eye is drawn to the darkest areas. Suddenly we see an implied flow from the Apple, curving through the little news guy, and landing on the windmill thing at the bottom right. Why are we there??? Do we want to be there? No. Do we even have any idea at all what the windmill thing has to do with the newsletter? No. But we find ourselves at the exit point of the page, ready to go to the next page.

Arriving on page two presents a real problem because there's no apparent visual clue as to where we came from, or where we're supposed to go. If we follow our natural instincts and begin reading at the upper left hand column, we jump into the middle of a paragraph.

So, there are the initial gut observations from the first look. Now, let's kick around some ideas.

Continue . . .

Back to page one of Newsletter Makeover Clinic.

Back to the Design Department Front Page

[ The Design Center ] _ [ DT&G Magazine ] _ [ DTG Newsletter ] _ [ Designers' Bookshelf ]

Want to discuss it? Subscribe to The Designers' CAFE

You are visiting DT&G Magazine: http://www.graphic-design.com/DTG-Library.html Writers, Designers, Consultants, Publishers are encouraged to become published in The Design Center Publications! Help support a healthier Spam-free environment! Thank you for visiting the DT&G Magazine wing of the The Design & Publishing Center at http://www.graphic-design.com/DTG/ The Design & Publishing Center is an Affiliate of The Graphic Design Network at Graphic-Design.Net, Amazon Books at Amazon.com, as well as The News-Serve Network at News-Serve.net, The User Group Network at User-groups.net, and Notes: The screen shots herein represent the copyrighted works of their respective owners, and are used here for editorial demonstration purposes. please read and be aware of our Legal Properties & Disclaimers document. Not all areas of the online environment allow special characters such as the registration and trademark marks. This file will alert you to proprietary works that cannot be duplicated or distributed. Copyright 1996, 1997, 1998, 1999, by Showker Graphic Arts, The Design & Publishing Center, on behalf of the respective authors and artists. ALL RIGHTS RESERVED. &photographic, Photoshop Tips & Tricks, &Type, WebDesign & Review, and Pixelsmith are all trademarks for The Design & Publishing Center. Other products mentioned in these pages are the registered trademarks of their respective owners.