Join Nigel French for an in-depth discussion in this video Create a listings page, part of Type Tips Weekly.
- [Instructor] In this week's Type Tips, I'm gonna show you how we can create a listings article. And this is really about how we can give structure and hierarchy to a mass of text with as few moves as possible. And really what is providing the structure and hierarchy here, as well as the red color on the item heads, is the inter-column rules and the rules above each of the listings items. So this is about how do we create inter-column rules and Paragraph Rules? My beginning text on the right hand side has Paragraph Styles applied to it.
I just need to edit those Paragraph Style definitions. I'm going to pan my page over to the left so that I have room here on the right hand side to see the dialog boxes and the screen at the same time. My styles are in the start folder, and I'm going to begin by editing the head1 style. Right-click on that, choose Edit. So first of all, I'm gonna come to Basic Character Formats. And I want to differentiate the text with as few changes as possible.
For me, that's going to mean making it All Caps. I'm gonna keep it the same size, but I'm gonna change its color. And in Indents and Spacing, I will add some space before. So immediately our text now takes on a structure. I'm going to enhance that with Paragraph Rules. Rule Above will be on. And I'm going to use a very light weight of .25 of a point. I'll change the color to black.
The rules begin on the baseline of the type. To adjust their position, come to the Offset field and tap the up arrow. And I'm gonna go to 15 points, which will position the rule halfway between the text that precedes the head and the head itself. Now, while I'm here, I'm gonna move on to the next step, which is to add the Paragraph Border. And it's the Paragraph Border that will provide the inter-column rules.
Inter-column rules have always been a problem to automate in InDesign, and a recent improvement to this feature makes it possible to use borders for that purpose. It's not a perfect solution, but it is a workable one. I'll turn on Border. And I want a border just on the right hand side. So I'm going to break the chain here and set the right border using the same weight of rule as I did for the rule above.
And then I need to offset that border. You can see that there's only a small border at the moment, because it's only applied to the heads. I need to break the offset amount and specify the right as six points. And I'm using six points because my column gutter space is 12 points. For my top edge, I want that set to the Ascent, and my bottom edge I want set to Baseline. And then crucially, and this is the improvement to the borders feature introduced in February 2018 that will make this work, Merge Consecutive Borders and Shading with same Settings.
While we don't yet see any effect from checking this option, when we also check it for the text style we will get the result that we want. So I'll now click OK and come and edit the text style. And I just need to make sure that I use exactly the same border settings. So I'll turn on the border, break the chain. I want my right border to be .25. Break the chain on the offsets.
Offset to the right by six points. Make sure my bottom edge is Baseline. And then even though I have the same settings, it won't work until I check that box. And I should now have an interrupted inter-column rule. There are two items of cleanup that we need to do here. Firstly, this opening paragraph does not require the rule above, so I'm going to put my cursor into that paragraph, press Command + Option or Control + Alt + J and turn the rule off.
That now becomes an override to this style. Assuming I'm going to be using these styles repeatedly, I'll now save that as a style. So I'll hold down Option or Alt, click on Create new style, and I'll call this head1a. And you can see that it is based on head1. The second problem is that we do not need this particular rule in the outside margin on the right hand page. On the left hand page where I'm using exactly the same settings, the rule that we don't need is on the inside margin.
And my solution to removing this is as simple and as old school as literally putting a white box over it. If we take a look at the Layers panel, I have drawn myself a rectangle filled with white that covers that rule. So to remove it from the right hand page, I'm just going to duplicate that rectangle, making sure of course that it's in exactly the right position and isn't covering any of the text itself, and that can exist on its own layer for ease of access.
And if you are using this technique, just beware that that's there and make sure that it doesn't cover any content that it shouldn't. So that's how we can give structure and hierarchy using Paragraph Rules and inter-column rules derived from Paragraph Borders.