{"id":348,"date":"2017-07-19T13:41:22","date_gmt":"2017-07-19T03:41:22","guid":{"rendered":"https:\/\/www.dynamicwebtraining.com.au\/blog\/?p=348"},"modified":"2024-11-14T13:57:56","modified_gmt":"2024-11-14T02:57:56","slug":"alternate-layouts-adobe-indesign-cc","status":"publish","type":"post","link":"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc","title":{"rendered":"Alternate Layouts in Adobe InDesign CC"},"content":{"rendered":"\n

Many documents created today need to be re-purposed for use in different ways.  <\/span>A document originally intended for print will usually be required in a digital format. A document intended for a mobile device such as an iPad will need to be produced in both landscape and portrait orientations. All of this is made possible in InDesign through the use of alternate layouts<\/strong>.<\/p>\n\n\n\n\n\n\n\n

Know About Alternate Layouts<\/h2>\n\n\n\n

The Traditional Alternate Layout<\/h4>\n\n\n\n

The need to create alternate layouts<\/strong> for a document is not an issue that only affects digital documents. Even with print documents it was often necessary to rescale documents for different paper sizes.<\/p>\n\n\n\n

In the past designers achieved this by creating the main document, then using File<\/strong> and Save<\/strong> commands to create duplicate copies. The duplicates were then adjusted to accommodate the other paper sizes.<\/p>\n\n\n\n

While there is nothing wrong with this approach, it is time consuming. For example, imagine rescaling a document from A4<\/strong> to A5<\/strong> (half the size). The text fonts will need to be resized which will influence how the text flows through frames and graphics will need to be reduced in size to fit on the page. While this may not be too time consuming for a one or two-page document it would be an overwhelming task for an entire magazine or book. Furthermore, should a change to the content be required all of the documents would need to be individually edited.<\/p>\n\n\n\n

InDesign\u2019s Alternate Layout Concept<\/h4>\n\n\n\n

In Adobe InDesign<\/a> an alternate layout<\/strong> is actually created within the original document. With this approach it is possible to have quite a few alternate layouts of the same publication within the one document. Each of these alternate layouts becomes a child<\/strong> layout of the parent<\/strong> layout. Each of these layouts can be radically different from one another. However, text frames found in the child layouts are linked automatically to the parent text frames so that as soon as the parent is edited changes can be updated through the Links panel in the child layouts.<\/p>\n\n\n\n

The need for this has become necessary through the fact that documents are now created for multiple platforms. InDesign\u2019s Alternate Layout<\/strong> feature makes it much easier to make quick changes and to have them applied to all versions and layouts of a document.<\/p>\n\n\n\n

Liquid Layout \u2013 The Key to Successful Alternate Layouts<\/h4>\n\n\n\n

Liquid Layout is a feature in InDesign which allows you to adapt the content and objects on a page from one size or scale to another. The basic intent of Liquid Layout<\/strong> is to resize the objects on a page in accordance with changes made to the page size or orientation. Liquid Layout<\/strong> is actually a set of rules and behaviours that can be applied to a page or the objects on a page to determine what should happen on that page when you change the page size or orientation.<\/p>\n\n\n\n

There are several rules for Liquid Layout<\/strong>:<\/p>\n\n\n\n

Scale<\/em><\/span><\/h5>\n\n\n\n

The scale rule resizes all of the objects on a page (text and graphics) in response to changes to the page size. Make the page bigger and all objects will scale up accordingly. Make the page smaller and all objects will scale down.<\/p>\n\n\n\n

Re-Centre<\/em><\/span><\/h5>\n\n\n\n

The re-centre rule keeps all of the objects of the page in the centre of the page. This rule is really only useful when a page size is sized up, as when it is sized down it makes it impossible to see the objects clearly.<\/p>\n\n\n\n

Guide-Based<\/em><\/span><\/h5>\n\n\n\n

With a guide based rule a guide is placed on a page so that it touches one or more objects on that page. Those objects can then be made to behave in different ways to other objects when page resizing occurs.<\/p>\n\n\n\n

Object-Based<\/em><\/span><\/h5>\n\n\n\n

This rule allows you to define behaviours for any object on a page. For example you can constrain, pin, or auto-fit any object on a page.<\/p>\n\n\n\n

Previewing Liquid Layout<\/h4>\n\n\n\n

Any page in an Adobe InDesign document is said to have a liquid layout<\/strong>. In other words, it can be resized or reoriented with minimal effort. If you wish to preview how a page will look in a different size or orientation you switch to Page<\/strong> view and then simply drag on any of the eight handles that appear on the page.<\/p>\n\n\n\n

Try this yourself:<\/h4>\n\n\n\n

Download and open this InDesign File<\/a><\/p>\n\n\n\n

STEP 1<\/span><\/strong>:<\/p>\n\n\n\n

Display page 1 and press  CTRL <\/span><\/span>+<\/span> 0<\/span> <\/span>to see the full page on the screen<\/p>\n\n\n\n

STEP 2<\/span><\/strong>:<\/p>\n\n\n\n

In the Tools<\/strong> panel, click on the Page<\/strong> tool and notice how the corners of the page change<\/p>\n\n\n\n

\n
\"Alternate
Click image to enlarge <\/i><\/figcaption><\/figure>\n<\/div><\/div><\/div>\n\n\n\n

STEP 3<\/span><\/strong>:<\/p>\n\n\n\n

Point to the bottom left corner of the page and examine the tool tip that has appeared<\/p>\n\n\n\n

\n
\"Alternate
Click image to enlarge <\/i><\/figcaption><\/figure>\n<\/div><\/div><\/div>\n\n\n\n

STEP 4<\/span><\/strong>:<\/p>\n\n\n\n

Click and drag the corner up to the centre of the page and keep holding the mouse down<\/p>\n\n\n\n

Notice how the page size has shrunk but all of the page objects remain fixed in both size and location\u2026<\/em><\/p>\n\n\n\n

\n
\"Alternate
Click image to enlarge <\/i><\/figcaption><\/figure>\n<\/div><\/div><\/div>\n\n\n\n

STEP 5<\/span><\/strong>:<\/p>\n\n\n\n

Release the mouse button to allow the page size to spring back to its original size<\/p>\n\n\n\n

Handy to Know:<\/h4>\n\n\n\n

There are eight handles that can be dragged to preview a liquid layout. One handle appears at each corner of the page, and four handles appear in the centre of the page edges around the page.<\/p>\n","protected":false},"excerpt":{"rendered":"

Many documents created today need to be re-purposed for use in different ways.  A document originally intended for print will usually be required in a digital format. A document intended for a mobile device such as an iPad will need to be produced in both landscape and portrait orientations. All of this is made possible…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-348","post","type-post","status-publish","format-standard","hentry","category-adobe-indesign"],"yoast_head":"Alternate Layouts in Adobe InDesign - Liquid Layout<\/title>\n<meta name=\"description\" content=\"View and Share Dynamic Web Training Blog Archives. This is a great source of articles and posts on Computer and IT training, tutorials and insights\" \/>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Alternate Layouts in Adobe InDesign - Liquid Layout\" \/>\n<meta property=\"og:description\" content=\"Liquid Layout is a feature in InDesign which allows you to adapt the content and objects on a page from one size or scale to another.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc\" \/>\n<meta property=\"og:site_name\" content=\"Dynamic Web Training Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DynamicWebTraining\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/DynamicWebTraining\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-07-19T03:41:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-14T02:57:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dynamicwebtraining.com.au\/blog\/wp-content\/uploads\/2017\/07\/alternate-layouts-adobe-Indesign-cc-Step2.png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@dynamicwebtrain\" \/>\n<meta name=\"twitter:site\" content=\"@dynamicwebtrain\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/#organization\",\"name\":\"Dynamic Web Training\",\"url\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/DynamicWebTraining\/\",\"https:\/\/www.linkedin.com\/company\/dynamic-web-training\",\"https:\/\/twitter.com\/dynamicwebtrain\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/wp-content\/uploads\/2016\/02\/logo.png\",\"width\":361,\"height\":109,\"caption\":\"Dynamic Web Training\"},\"image\":{\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/#website\",\"url\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/\",\"name\":\"Dynamic Web Training Blog\",\"description\":\"The Ultimate Training Experience.\",\"publisher\":{\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/wp-content\/uploads\/2017\/07\/alternate-layouts-adobe-Indesign-cc-Step2.png\",\"width\":722,\"height\":347},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc#webpage\",\"url\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc\",\"name\":\"Alternate Layouts in Adobe InDesign - Liquid Layout\",\"isPartOf\":{\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc#primaryimage\"},\"datePublished\":\"2017-07-19T03:41:22+00:00\",\"dateModified\":\"2024-11-14T02:57:56+00:00\",\"description\":\"Liquid Layout is a feature in InDesign which allows you to adapt the content and objects on a page from one size or scale to another.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\",\"url\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\",\"name\":\"Training Blog\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/category\/training\",\"url\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/category\/training\",\"name\":\"Training\"}},{\"@type\":\"ListItem\",\"position\":3,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/category\/training\/adobe-indesign\",\"url\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/category\/training\/adobe-indesign\",\"name\":\"Adobe InDesign\"}},{\"@type\":\"ListItem\",\"position\":4,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc\",\"url\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc\",\"name\":\"Alternate Layouts in Adobe InDesign CC\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc#webpage\"},\"author\":{\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/#\/schema\/person\/c94653aed4a6decc8e357af0a1082233\"},\"headline\":\"Alternate Layouts in Adobe InDesign CC\",\"datePublished\":\"2017-07-19T03:41:22+00:00\",\"dateModified\":\"2024-11-14T02:57:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc#webpage\"},\"publisher\":{\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/alternate-layouts-adobe-indesign-cc#primaryimage\"},\"articleSection\":\"Adobe InDesign\",\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/#\/schema\/person\/c94653aed4a6decc8e357af0a1082233\",\"name\":\"Dynamic Web Training\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dynamicwebtraining.com.au\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0a14e92e62ad4eee0843f5cf7da3a00e1df4c9763922d4d20ba3ed2402a6896d?s=96&d=mm&r=g\",\"caption\":\"Dynamic Web Training\"},\"description\":\"Dynamic Web Training is Australia's leading provider of instructor led software training. We offer training courses in Adobe, Web Design, Graphic Design, Photoshop, InDesign, Dreamweaver and many more.\",\"sameAs\":[\"https:\/\/www.facebook.com\/DynamicWebTraining\/\",\"https:\/\/www.linkedin.com\/company\/dynamic-web-training\",\"https:\/\/twitter.com\/dynamicwebtrain\"]}]}<\/script>","_links":{"self":[{"href":"https:\/\/www.dynamicwebtraining.com.au\/blog\/wp-json\/wp\/v2\/posts\/348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dynamicwebtraining.com.au\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dynamicwebtraining.com.au\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dynamicwebtraining.com.au\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dynamicwebtraining.com.au\/blog\/wp-json\/wp\/v2\/comments?post=348"}],"version-history":[{"count":17,"href":"https:\/\/www.dynamicwebtraining.com.au\/blog\/wp-json\/wp\/v2\/posts\/348\/revisions"}],"predecessor-version":[{"id":1956,"href":"https:\/\/www.dynamicwebtraining.com.au\/blog\/wp-json\/wp\/v2\/posts\/348\/revisions\/1956"}],"wp:attachment":[{"href":"https:\/\/www.dynamicwebtraining.com.au\/blog\/wp-json\/wp\/v2\/media?parent=348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dynamicwebtraining.com.au\/blog\/wp-json\/wp\/v2\/categories?post=348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dynamicwebtraining.com.au\/blog\/wp-json\/wp\/v2\/tags?post=348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}