It's a designer's world out there...

5 Tips for Designing a Feature Article

spacer
Posted on April 12, 2011 by Nicki
Posted in Design Tips, InDesign, Tutorials/Episodes Tagged articles, design, Design Like a Pro, design tips, feature article, inspiration, magazines
spacer

spacer

Feature articles can make or break your magazine design. Your cover usually displays a teaser about your feature article and might even include an image promoting it. While design options are infinite, there are 5 key items that should be in place in any feature article layout.

1. Headline

Aside from the awesome image you choose for your articles, the headline draws the reader into your article. Headlines use bigger fonts and can be designed to stand out from your overall design. I like to use sanserif fonts for my headlines with a serif font for my paragraph text. This creates a visual hierarchy leading the reader from the most important information through the supplemental text. Headlines can be more than text too. Colored boxes and  lines with different strokes can all be used to create an interesting headline.

2. Big Image

Your design can’t be all text! In fact, why not use something that’s worth 1,000+ words? Images set the tone and mood for your readers, create color and visual interest, and help put a picture to your words. You can also take your design to the next level by pulling colors from your photo and using them to highlight headlines and dropcaps as well as blockquotes. When it comes to image placement and size, think variety but keep it minimal. One big image followed by a few smaller images goes a longer way then overwhelming your readers with too many big images.

3. Drop Caps

Drop caps help start off your paragraphs. Use a complimentary color, increase the size of the first letter or add a colored box behind the single letter to create a stylized look for your opening paragraph.

4. Blockquotes

A blockquote is a short sentence pulled from your article that captures the essence of your entire feature. Blockquotes are styled differently from your paragraph text and may also be a different color. They can be placed alongside your article or within the main article text with lots of padding (text wrap) around the edges. This separates your blockquote from the rest of your paragraph.

5. Smaller Images

Smaller images coordinate well with the main feature image. They help break up long paragraphs or columns of text and add to your overall article. Using different sized images creates another visual hierarchy that helps guide the viewer throughout your entire article spread.

Putting it all together…

Now it’s time to put these 5 tips to use in your next feature article. Remember that a clean and simple design requires proper placement of images and text while creating a visual hierarchy of your elements. This will all help guide your reader through your article and hopefully encourage them to turn the page for more!

Watch the tutorial

spacer


Related Posts

  • spacer 3 Ways to Create Movement in your Designs
  • spacer Help us reach 500 fans on Facebook for your chance to win!
  • spacer Design Corner
  • spacer In Production: Designing a Table of Contents
  • spacer Networking: Beyond the Meet and Greet

Share creativity!

 

About Nicki

spacer
Nicki Hart is a digital artist and marketing specialist. She has a passion for the arts and believes everyone is an artist. She is a full-time Marketing Manager and CEO of Multi-Designs, a design company she began while in college. She currently works with clients all over the world. Hart's digital abstracts offer a sweet release from the corporate imagery she creates every day. Her artwork was exhibited at the Los Angeles Center for Digital Art and featured on the cover of Advanced Photoshop Magazine’s 50th issue. View all posts by Nicki

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a class="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Be in the Know!

Topics

  • Announcements
  • Art Break
  • Design Links
  • Design Tips
  • General
  • InDesign
  • Inspiration
  • My Abstracts
  • Photoshop
  • Reviews
  • Technology/Software
  • Tips
  • Tutorials/Episodes

Posts from the Past

  • February 2012
  • January 2012
  • December 2011
  • October 2011
  • September 2011
  • August 2011
  • July 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
Design Like a Pro
spacer
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.