InDesign Typography
Illustration by John Hersey

Looking at screen documents


From:

InDesign Typography

with Nigel French

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now

Video: Looking at screen documents

There are several types of screen documents that we can create in InDesign, Interactive PDFs--this is an example called INDESIGN MAGAZINE--Flash Player or SWF files, e-books created in the EPUB format, and documents created for tablets like the iPad and Android devices using the Digital Publishing Suite, or DPS. Each document type presents its own unique typographic challenges.
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. 9m 25s
    1. What is Typekit? (CC 2014.1)
      1m 56s
    2. Choosing and syncing fonts (CC 2014.1)
      3m 6s
    3. Syncing problems (CC 2014.1)
      1m 43s
    4. Typekit resources (CC 2014.1)
      1m 5s
    5. Using the Font menu (CC 2014.1)
      1m 35s
  3. 55m 41s
    1. Working with text frames
      8m 26s
    2. Using a primary text frame (CS6 and later)
      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 and later)
      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
  4. 48m 34s
    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
    11. Combining typefaces (CC 2014.1)
      2m 44s
  5. 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
  6. 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
  7. 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
  8. 48m 42s
    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
    11. Stylistic sets (CC 2014.1)
      2m 54s
  9. 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
  10. 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
  11. 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
  12. 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
  13. 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
  14. 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
  15. 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
  16. 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
  17. 44m 26s
    1. Working with type outlines (CC 2014.1)
      6m 50s
    2. Creating an interlocking effect (CC 2014.1)
      3m 31s
    3. Fusing letterforms (CC 2014.1)
      7m 15s
    4. Type and gradients (CC 2014.1)
      4m 57s
    5. Type and transparency (CC 2014.1)
      1m 50s
    6. Type on a path: Circles (CC 2014.1)
      4m 48s
    7. Type on a path: Calligram (CC 2014.1)
      6m 16s
    8. Vertical type (CC 2014.1)
      2m 58s
    9. Type and image: Gradient (CC 2014.1)
      1m 38s
    10. Type and image: "See-through" type (CC 2014.1)
      1m 8s
    11. Type and image: "Disappearing" type (CC 2014.1)
      3m 15s
  18. 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
  19. 28s
    1. Goodbye
      28s

please wait ...
Watch the Online Video Course InDesign Typography
9h 20m Intermediate Aug 03, 2012 Updated Nov 12, 2014

Viewers: in countries Watching now:

Explore the numerous type options, type-related features, and type-specific preferences of Adobe InDesign. Using practical, real-world examples, instructor and designer Nigel French dissects the anatomy of a typeface and defines the vocabulary of typography. The course moves from the micro to the macro level, addressing issues such as choosing page size, determining the size of margins, adjusting number columns, and achieving a clean look with baseline grids. This course takes you from laying out a page to delving into the hows and whys of typography.

Topics include:
  • Understanding text threads and text flow methods in InDesign
  • Using Copy and Paste vs. Place
  • Choosing and combining typefaces
  • Understanding leading and how it relates to type size and column width
  • Comparing points, picas, and ems
  • Learning the proper use of white space and break characters
  • Understanding the finer points of kerning and tracking
  • Working with punctuation, special characters, ornaments, and ligatures
  • Aligning text
  • Applying global formatting with paragraph, character, and object styles
  • Refining spacing with indents
  • Creating drop caps
  • Avoiding common problems associated with justified type and text wraps
  • Setting up margins and columns
Subject:
Design
Software:
InDesign
Author:
Nigel French

Looking at screen documents

There are several types of screen documents that we can create in InDesign, Interactive PDFs--this is an example called INDESIGN MAGAZINE--Flash Player or SWF files, e-books created in the EPUB format, and documents created for tablets like the iPad and Android devices using the Digital Publishing Suite, or DPS. Each document type presents its own unique typographic challenges.

It's beyond the scope of this course to go into the nuts and bolts of these different but related media. To find out more I recommend you visit the following courses that are part of the online training library. InDesign CS6 Interactive Documents with Mike Rankin, InDesign CS5.5 to EPUB, Kindle, and iPad with Anne-Marie Concepcion, and Up and Running with the Adobe Digital Publishing Suite with James Lockman. In this chapter I'm going to talking in broad strokes about issues relating to Screen Typography and how it differs from Print Typography.

Firstly, let's talk about Intent. This is an option that we have in the New Document dialog box, and we have three different types of Intent: Print, Web-- by which we really mean screen, and it is a bit of a misnomer here. We're not actually creating web pages as such in InDesign. We are creating Interactive documents and Flash documents that can be embedded into a web page. And the third option, Digital Publishing for publishing to a tablet or a smart phone.

If you are designing for screen in the form of a PDF for an SWF, your Orientation will be Wide as opposed to Tall, Landscape rather than Portrait. It's an obvious but at the same time a profound point. Pages are typically vertical in orientation, screens are horizontal. Obviously, we want to design with the appropriate Orientation and Aspect Ratio in mind. A vertically oriented print document that has been converted to a PDF for SWF just by choosing the appropriate accessible option, but without consideration for the specific medium will never be as successful as a document that was designed from the get-go with the Orientation and Aspect Ratio of the screen in mind.

Here is a print catalog that has been made into a PDF. And in exporting it as a PDF, the facing page's spreads have now become a single page, and it looks okay. But as we can see, the type is very small, and there's quite a lot of wasted space to the left and the right of the page. And this is because the Aspect Ratio of a facing page's print spread is very different to the Aspect Ratio of a monitor.

If you're designing for tablets like the iPad and choosing Digital Publishing as your Intent, you may be designing both horizontally and vertically-oriented pages. While the Liquid Layout rules introduced in InDesign CS6 make this easier, don't expect miracles. As you see when I create an alternate layout at a different orientation, InDesign's Liquid Layout rules take me part the way there, but I still need to manually intervene.

Perhaps the most important point to make about Screen Typography is that there is more that unites Screen and Print Typography than divides it. The same rules of appropriate font choice, readability, alignment, use of white space, and most of all, common sense apply. That said, paper and screen are different media, as are ink and pixels. Our typography is going to be stronger if we approach screen typography with an awareness of its uniqueness.

Find answers to the most frequently asked questions about InDesign Typography .


Expand all | Collapse all
please wait ...
The exercise files provided aren't working in my version of InDesign (CS4, CS5, or CS5.5). What should I use?
This course was recorded using InDesign CS6. For InDesign users working with CS4, CS5, or CS5.5, IDML files are provided.
Q: Where can I learn more about graphic design?
A: Discover more about this topic by visiting graphic design on lynda.com.
Q: This course was updated on 11/12/2014. What changed?
A: We added 18 new movies, primarily in the "Using Typekit" and "Type Treatments and Effects" chapters. These movies describe new and enhanced typography features in the latest release of InDesign CC, and are indicated by the "(CC 2014.1)" tag in their names.
 
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

* Estimated file size

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 ?

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.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

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.