Dynamic Pull Quotes

A pull quote is a common element of good design, adding visual interest and emphasizing key information. There are various styles available today and people are always developing new creative ways to format their pull quotes.

But in general, it can be hard to create a good-looking pull quote style that is easily repeatable in a template. There are several bits of information grouped together to give a pull quote an aesthetic look (the quotation marks, the quote itself, and so on). And, the length of the quote text often varies in width and height.

I have recently discovered that working on a pull quote can be much easier if I convert it into a table. For instance, in the example below there are three elements grouped together: the opening quotation marks, the quote text and the closing quotation marks.

Pic 01

This works well if all the quotes in the document are of equal length. But since this is not true, we have to manually adjust the positioning of the closing quotation mark.

In order to overcome that problem, I converted this to a 3×3 table (three rows by three columns):

Pic 02

The first cell in the top row holds the opening quotation mark, and the last cell in the bottom row holds the closing quotation mark. I set these cells at exact height and width to avoid further movement and made some adjustments to the quotation marks. The middle row is set to have an auto height, which will help the row to expand, or shrink to fit the text.

You can also change the color of the Pull Quote text frame.

Pic 03
The very interesting part about this is that it is just one single text frame. Things becomes much easier if I change the text, and the table shrinks to fit the quote:

Pic 04

In the example below, the table expands automatically to fit the larger text:

Pic 05

Not only this, but you can easily change the width of the column if your text is too small to fit the current width of the column:

Pic 06

Of course, you don’t have to only use quotation marks! There are many variations on the pull quote designs you can come up with. Here is an example where the “bracket” design is created by the fill color of table cells:

Pic 10

And here’s a 1-column, 3-row table, where the top and bottom cell are filled with parentheses… but the text in the cell is rotated 90°

Pic 11

While most simple pull quote designs don’t require a table, you should consider using a table for interesting designs like these. It makes styling and updating the pull quotes much easier!

You can also download the InDesign file that I used for these examples here.

Bookmark
Please login to bookmark Close

This article was last modified on July 25, 2019

Comments (16)

Leave a Reply

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

Loading comments...