Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Mocking up pages with placeholder text

From: InDesign Typography

Video: Mocking up pages with placeholder text

We've looked at text flow methods, but the way some people like to work is wire framing their documents using the Frame tool; blocking out different areas of content, and then when the content is ready, putting the content into those frames. So here is a suggested approach, and this might work well for a magazine type scenario. Now, I have a five column layout here, and I'll be talking in later movies about different column strategies, but of these five columns, I'm only going to be using four of them on each page to hold the text. The remaining column is just going to function as white space.

Mocking up pages with placeholder text

We've looked at text flow methods, but the way some people like to work is wire framing their documents using the Frame tool; blocking out different areas of content, and then when the content is ready, putting the content into those frames. So here is a suggested approach, and this might work well for a magazine type scenario. Now, I have a five column layout here, and I'll be talking in later movies about different column strategies, but of these five columns, I'm only going to be using four of them on each page to hold the text. The remaining column is just going to function as white space.

And I've also divided the page into rows, and I'll be talking more about why this might be a useful thing in upcoming movies. If we look at the Layers panel, I have two layers; one for text, and one for pictures. Just as a personal convention, I like to have my text layer be color coded blue, and my pictures be color coded red. And the reason I like to do that is so that when I get my Frame tool, and draw out a frame, like so, I know that if it's blue, then this is going to contain text content.

So I'm now going to duplicate this frame over to the right-hand page. I could just draw another one, but it's marginally easier to just duplicate the one I have. So with it selected, I'll hold down the Option or Alt key, and the Shift key, so that I can constrain the movement of that copy, and then drag that over to the right-hand page. Now I'll press my F key to return to my Rectangular Frame tool, and I'll come to my Layers panel, and I'll switch to the pictures layer, and I can now draw myself a picture, which is going to go right there, and another picture which I'm going to have right there.

So just by glancing at this, I've got an idea of how this page is shaping up. I'm just going to adjust the size of that frame. Make sure it snaps exactly to that guide. But as I mentioned in an earlier movie, even though these frames, the ones that are blue, I intend to hold text, they are technically graphic frames, and I'm going to make them into text frames by choosing my Type tool, and clicking in the first of them. You'll see the X will now disappear.

I would now like to thread that frame to the other one, so that the text, when I place it, or when I type it in, either/or, flows from the first text frame into the second. So to do that, I'm going to switch to my Selection tool, and I'll come and click on the out port, and then I'll move over the other frame, and click, and now I've established a text thread, even though I have no text actually there. So you can set up your text threads without necessarily having any text in the text frames.

Earlier on, we saw the use of this viewing option, Show Text Threads. Not really necessary, but I'm just going to turn it on anyway, and we can see that arrow indicating the flow of the text. Now, with either one of these frames selected, it doesn't matter which one, or it could be any text frame in a text thread, I can come and place my story. But what if my story isn't yet ready, but I do want some text content? Well, a very commonly used technique is to work with placeholder text.

Now, you don't need to use this specific approach to work with placeholder text; it works in any context. It's the last, but one, option under the Type menu, and we can see my text will now flow into all of the frames of the text thread. Both of these frames I would now like to convert to multicolumn frames. They're both going to have two columns, and I'm just going to adjust the size of this picture frame, because I also want to do something else. And you can see, at the moment, that my text is actually flowing over my picture frames, and that's not going to be very useful to me.

So what I want to do is I want put text wraps on both of these picture frames. I'm going to select them both. Select one, hold down the Shift key, select the other, and then come to the Text Wrap panel, which I've incorporated as part of my workspace. Click on this second option, Wrap around bounding box; we can now see that that pushes the text out of the way of the picture frames. One additional thing I need to do, and that is establish an offset amount. I have Points set up as my unit of measurement, and I'm going to change that to 12 Points.

I have an unbroken chain here, so it's going to become 12 points for all four offsets, and that's going to push the text away. I digress a little, but when I now select this picture frame, I can resize that, and it's going to move the text out of its way. So it's a sort of fluid layout that we have going on here, but the point of this movie really is about you have the option, if you wish, of wireframing, mocking up your documents using frames, and to make that really work for you using separate layers, the layers themselves being color coded, you know at a glance by looking at the document, looking at the wireframe, the blue boxes equal text, the red boxes equal pictures.

Show transcript

This video is part of

Image for InDesign Typography
InDesign Typography

107 video lessons · 20839 viewers

Nigel French
Author

 
Expand all | Collapse all
  1. 4m 4s
    1. Welcome
      55s
    2. Using the exercise files
      51s
    3. Customizing the workspace for type
      2m 18s
  2. 55m 41s
    1. Working with text frames
      8m 26s
    2. Using a primary text frame (CS6 only)
      3m 59s
    3. Understanding text flow methods
      6m 25s
    4. Understanding text threads
      3m 40s
    5. Understanding Smart Text Reflow
      2m 27s
    6. Mocking up pages with placeholder text
      5m 47s
    7. Placing multiple text files
      3m 50s
    8. Using Auto-Size text frames (CS6 only)
      4m 1s
    9. Copying and pasting vs. placing
      2m 25s
    10. Cleaning up text with Find/Change
      5m 46s
    11. Using the Story Editor
      3m 41s
    12. Spanning columns
      5m 14s
  3. 45m 50s
    1. Choosing your type
      6m 46s
    2. Understanding text essentials
      6m 37s
    3. Scaling type
      2m 27s
    4. Using italic and oblique type
      4m 33s
    5. Working with condensed and extended type
      4m 26s
    6. Setting type in all caps
      3m 46s
    7. Setting type in small caps
      4m 21s
    8. Underlining type
      4m 11s
    9. Using superscript and subscript
      4m 35s
    10. Applying baseline shift
      4m 8s
  4. 16m 6s
    1. Understanding type anatomy
      3m 25s
    2. Exploring serif and sans serif
      2m 48s
    3. Comparing points, picas, and ems
      8m 34s
    4. What's in a name?
      1m 19s
  5. 16m 27s
    1. Setting leading
      4m 56s
    2. Avoiding auto-leading
      4m 12s
    3. Leading shortcuts and preferences
      4m 7s
    4. Using autoleading with inline graphics
      3m 12s
  6. 21m 25s
    1. Defining kerning and tracking
      2m 5s
    2. Understanding kerning methods
      5m 10s
    3. When and how to kern
      5m 53s
    4. When and how to track
      8m 17s
  7. 45m 48s
    1. Working with quotes, primes, and apostrophes
      8m 16s
    2. Using dashes
      5m 24s
    3. Using ellipses
      2m 56s
    4. Working with accents and special characters
      4m 1s
    5. Using space characters
      4m 15s
    6. Working with ligatures
      4m 29s
    7. Setting fractions
      3m 56s
    8. Using lining and proportional numerals
      2m 49s
    9. Using alternates, swashes, and ornaments
      5m 2s
    10. Working with optical sizes
      4m 40s
  8. 57m 20s
    1. Understanding alignment
      3m 47s
    2. Working with left-aligned type
      3m 24s
    3. Working with justified type
      7m 5s
    4. Using Optical Margin Alignment
      3m 39s
    5. Determining column width
      4m 53s
    6. Working with center alignment
      5m 36s
    7. Working with right alignment
      1m 22s
    8. Aligning to or away from the spine
      1m 50s
    9. Understanding the Paragraph Composer and Single-line Composer
      3m 44s
    10. Combining alignments
      9m 20s
    11. Using hanging punctuation
      2m 13s
    12. Working with vertical alignment
      10m 27s
  9. 14m 9s
    1. Using first-line indents
      2m 26s
    2. Using indent alternatives
      2m 3s
    3. Working with left and right indents
      4m 0s
    4. Using last-line indents and outdents
      1m 26s
    5. Using paragraph spacing
      4m 14s
  10. 23m 19s
    1. Setting hyphenation
      6m 14s
    2. Working with line breaks and discretionary hyphens
      4m 48s
    3. Balancing ragged lines
      1m 36s
    4. Using the No Break feature and non-breaking characters
      2m 52s
    5. Using frame, column, and page breaks
      3m 42s
    6. Defining Keep Options
      4m 7s
  11. 37m 53s
    1. Understanding tabs
      8m 58s
    2. Considerations for table text
      3m 55s
    3. Table tips and tricks
      11m 55s
    4. Creating a bulleted list
      6m 50s
    5. Creating a numbered list
      3m 46s
    6. Creating a multi-level numbered list
      2m 29s
  12. 23m 12s
    1. Understanding drop caps
      11m 3s
    2. Navigating tricky drop caps
      5m 14s
    3. Using a nested character style with a drop cap
      3m 59s
    4. Other uses of drop caps
      2m 56s
  13. 1h 11m
    1. Understanding paragraph and character styles
      7m 13s
    2. Creating, applying, and editing styles
      7m 3s
    3. Removing overrides
      4m 58s
    4. Creating and applying character styles
      5m 4s
    5. Creating and applying nested styles
      12m 30s
    6. Using GREP styles (regular expressions)
      4m 8s
    7. Creating and applying sequential styles
      6m 19s
    8. Using paragraph rules creatively
      11m 48s
    9. Mapping Word styles
      6m 12s
    10. Working with anchored objects and object styles
      6m 24s
  14. 25m 30s
    1. Applying a text wrap
      6m 7s
    2. Making items ignore a text wrap
      1m 46s
    3. Using text wraps for flexible layouts
      3m 2s
    4. Working with difficult text wraps
      8m 39s
    5. Inverting text wraps
      2m 7s
    6. Setting text wrap preferences
      3m 49s
  15. 29m 33s
    1. Choosing a page size and setting margins
      6m 33s
    2. Setting up columns
      2m 53s
    3. Dividing a page into rows
      3m 27s
    4. Setting up a baseline grid
      5m 40s
    5. Handling baseline grid problems
      3m 37s
    6. Baseline grid tricks
      7m 23s
  16. 12m 19s
    1. Looking at screen documents
      4m 2s
    2. Setting size, leading, and line length onscreen
      3m 13s
    3. Exploring typefaces designed for the screen
      3m 36s
    4. Accessibility: Contrast and color
      1m 28s
  17. 28s
    1. Goodbye
      28s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed InDesign Typography.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.