Designing Your Cover Page - The Rule of Thirds

Photographers know that one way to create an appealing photograph is to follow the "rule of thirds." The rule of thirds is simply breaking up the picture into nine equal parts using two vertical and two horizontal lines. The places where the lines meet are "focal points" and your most important elements should be placed along these lines.

To demonstrate this in photography, see the graphic below. One image naturally follows the rule of thirds and becomes even more visually appealing when it is cropped. The other image is not naturally set up to follow the grid, but after it is cropped, it does become a more interesting picture.

You can use this same principle in design. I use iWork's Pages (Mac) for most of my designs. It is very similar to Adobe's InDesign software, which I used in journalism. You can follow the rule of thirds in any design software, including Microsoft Word. However, using Pages and InDesign make it easier for you to create a grid that you can see, but will not print. In both programs, just place your cursor in the ruler, then hold it down and drag your cursor to the place you want the line. Once you start dragging, a blue line will appear.
Start with a blank document in Pages (or InDesign).

Place your cursor in the ruler, then click and drag it. A blue line will appear. Unclick when the line is where you want it.

To make the horizontal lines, drag from the top ruler.
The lines can always be adjusted by placing your cursor on them and moving them. To get rid of them, just move them right off the page, and they will disappear. (I do not know if Microsoft Word or Powerpoint have the design gridlines feature, but you can always download a template HERE; just be sure to delete it after you've designed your page and before you print, because that one will show up.)
Repeat this step until you have nine equal parts.
Notice that the four intersections will be places that the viewer's eye is drawn. This is where you want to place your dominant features or elements. Also, following the horizontal or vertical lines with a dominant feature (like the title or a large graphic) will be more eye-appealing.
Many people will be tempted to place a dominant image right in the center of the page. I have been guilty of that, as well. But the more stimulating designs will place a dominant image off-center, following one of the vertical or horizontal lines.
Below are examples of a cover page and a page from one of my Powerpoint presentations that demonstrate the rule of thirds. Notice that the cover page does not have any dynamic images, but because the title is placed on the upper horizontal line, it is more appealing. You can use lighting effects to also draw the viewer's eye to one of the focal points, as demonstrated in the presentation page example.

This does not mean that you should always follow the rule of thirds. But if you are struggling with design and want to try something that will catch the viewer's eye (perhaps make your pages more "pin-worthy" on Pinterest), try this method out and see if it works for you. Good luck!

You can download this tutorial FREE in my teacher store, which includes two gridline .png graphics and additional tips:

Pin It


  1. Great tutorial! I'd love it if you could link it to my Tips for Newbies Linky.

    Surfing to Success

  2. I struggle with designing my cover pages. This is very helpful. Thank you!

    Thinking Out Loud

  3. Google puts together their rankings with respect to how valuable a page is for the question a client has entered, in addition to the utility of the site - for instance, can a client complete the activity they might want to? Webdesign

  4. Great Article Image Processing Projects

    Deep Learning Projects for Final Year

    JavaScript Training in Chennai

    JavaScript Training in Chennai

    The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training

  5. this website is really great for ideas read more

  6. Design Award's pined for design prize is granted to items, tasks, administrations and ideas that are the best instances of development, inventiveness, usefulness, supportability, usability and economy. Vector Logo Design Services

  7. Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with more information? It is extremely helpful for me. web design Livonia MI

  8. In the months of March to April 2022, the Tripura Board of Secondary Education (TBSE) will conduct the abstract of the Higher Secondary (10+2) Arts, Commerce, and Science Examination in Tripura State. The TBSE has released the Blueprint for the Higher Secondary (10+2) Model Question Paper 2022 on their official website. Tripura HS Question Paper 2022 The 12th Suggestions Blueprint for 2022 has been uploaded by the Tripura Board. Students can now download Question Papers and other materials for their exams from this page. If you're a student looking for papers from the Tripura Board's 12th examination last year, you've come to the right place.

  9. One of the most effective ways to determine a Web Design Company Toronto qualities is to check the portfolio of previously completed work. On many occasion, you will find that a companies main website features a portfolio tab which will give you access to review the design capabilities of the web development service. If the websites featured in the portfolio are similar or close to what you are hoping to have designed, this is a good indication that you have located a potential design service.

  10. These activities could be a nice chinese buffet near me now
    addition to a time capsule or writing portfolio. I hope you and your students enjoy them.


Similar Posts

Related Posts Plugin for WordPress, Blogger...

Total Pageviews