2. What is the
objective of
this guideline?
InDesign is a layout program with unlimited graphics and
creative possibilities. In order to prepare InDesign fi les for
LUMA, it’s important to fi rst go through this guideline before
you or your design agency starts with designing LUMA
templates.
This guideline will give a general survey of some of the most
important features of LUMA. After you have completed this
guideline, you should have developed a general understanding
of how LUMA works, and you will understand how to use
and implement these knowledge towards design delivery in
InDesign.
The possibilities to make your work ready for print were
improved with the introduction of InDesign CS5’s live prefl ight,
allowing you to create your own profi les to check your lay-out
before you export to PDF. We created a specifi c LUMA live
prefl ight profi le which can help designers to reduce design
delivery errors, cllick here to download.
If you have problems, questions, suggestions or
recommendations about this guideline, please contact us by
mail at support@lumacloud.com.
4. Guideline Parts
Part 1 Static versus editable information
Part 2 Editable text
Part 3 Editable images
Part 4 Collecting an InDesign file
Part 5 Common issues
Part 6 Example package with corresponding template
Part 7 Installing the InDesign Live Preflight Profile
5. 1. Separating static and editable information
Preparing templates for LUMA starts with defi ning which
information users will be able to edit or personalize. This can be
a combination of text, logos, and images. These areas become
editable text or image regions in LUMA, so these areas have to be
indicated.
On the other hand there will be static or fi xed design elements that
don’t have to be editable for users. In LUMA all this information will
be grouped in the template background.
Referring to InDesign this means that your document has to
contain at least 2 layers to separate editable text and images from
the fi xed background. So in InDesign the template background is
always in one layer called ‘fi xed’.
Unlike in the fi xed layer, designing in the editable layer(s) is limited
to what’s currently supported in LUMA.
Besides a layered
indd-fi le, please
always provide a PDF
export as well.
This allows us to
check the InDesign
content.
1.1 An InDesign lay-out devided in 3 layers, all elements in the
‘fi xed’ layer will become a PDF-background in LUMA.
5
6. 2. Editable text
For every text region that can be modifi ed or edited by a luma user
make sure the frame is large enough to hold all data customers
will enter into the luma editor (ex business name, address, opening
hours, …)
2.1 For instance, in this example we make the textframe large
enough, allowing users to type fairly easy longer names, while
the ‘Cocktails & Mixdrinks’ textframe allows a user to easily
spread text over two lines.
When it comes to formatting text in InDesign, you have a variety of
options for applying character and paragraph formats. Luma does
not support all these options:
6
7. 2.1 Supported on character level
2.2 Supported on paragraph level
supported
not supported
Character
1. font and font style
2. font size
3. leading
4. tracking
10. underline
5. kerning
6. vertical scale
7. horizontal scale
8. baseline shift
9. skew
Paragraph
1. align left
2. align centre
3. align right
7. justify all lines
10. vertical alignment
(top, centre bottom)
4. justify with last line
aligned left
5. justify with last line
aligned centre
6. justify with last line
aligned right
8. align towards spine
9. align away from spine
x. text indents, spaces before/
after, drop caps
7
2 3
5
1
4
6 7
8 9
10
1
2
3
4
5
6
7
8
9
x
x
x
x
x
x
x
x
10
8. 2.3 Use of tables
When adding content to for example a menucard, you can use
tables within your text-boxes (Table -> Insert Table).
You can use as many rows and columns as you want, but make
sure the content is build up in a way it is very intuitive for a LUMA
user how the content can be customized to a new menucard. For
instance, table cells must be wide enough to contain the proposed
content (pricing cells could contain four numbers and a euro-symbol,
2. You can use as many rows and columns as you want, but make sure the content is build
up in a way it is very menucard. For 10.00 instance, €)
intuitive for a luma user how the content can be customized to a new
table cells must be wide enough to contain the proposed content
(pricing cells could contain four numbers and a euro-symbol, 10.00 €).
Example: 3 columns(left column: brands, middle column: volume, Design considerations right column: pEriCciLngIP).S E
In a table you can use different fonts, font-style, font-size and font-colour
Smart Communications
but you can use only one font, font-size, font-style (bold,
italic) and font-color in a table-row.
3. In a table you can use different fonts, font-style, font-size and font-colour but you can use
Design considerations ECLIPSE
ECLIPSE International NV – Lange Kievitstraat 118, 2018 Antwerpen – Belgium
Modified at 22/01/2010 14:50:00 & Printed at 22/01/2010 14:51:00 1 / 4
Example: 2 table-rows, in each table-row a different font, font-style
and font-size.
You can’t use table borders, cell background colours in a table.
Luma doesn’t support such elements as part of the cell or row.
Example: Left: A small-border makes a clear difference between
the header and the content but cannot be applied for a luma
template. Luma users that do not want to use a title here will be
bothered with a line they cannot remove. Right the alternative: in-sert
an empty table-row, which differentiates the header from the
body part. Luma users that do not want a header on this place
will remove the fi rst 2 rows.
8
only one font, font-size, font-style(bold, italic) and font-color in a table-row.
Example: 2 table-rows, in each table-row a different font, font-style and font-size.
4. You can’t use table borders, cell background colours in a table. Luma doesn’t support such
elements as part of the cell or row.
Example: Left: A small-border makes a clear difference between the header and the
content but cannot be applied for a luma template. Luma users that do not want to use a
title here will be bothered with a line they cannot remove. Right the alternative: insert an
empty table-row, which differentiates the header from the body part. Luma users that do
not want a header on this place will remove the first 2 rows.
5. It is possible to use content alignment (left, center, right) in table columns. Use only one
alignment in a table column.
Example: In the tables above the content in the left column is left aligned, the other two
columns are right aligned.
6. Luma automatically inserts a default cell indent and neglects all cell indents, insert
properties or tabs you define in a cell or a text box.
7. Use only simple structured tables. Don’t merge table-cells. A table with two or three
columns is common.
Smart Communications
3. In a table you can use different fonts, font-style, font-size and font-colour but you can use
only one font, font-size, font-style(bold, italic) and font-color in a table-row.
Example: 2 table-rows, in each table-row a different font, font-style and font-size.
4. You can’t use table borders, cell background colours in a table. Luma doesn’t support such
elements as part of the cell or row.
Example: Left: A small-border makes a clear difference between the header and the
content but cannot be applied for a luma template. Luma users that do not want to use a
title here will be bothered with a line they cannot remove. Right the alternative: insert an
empty table-row, which differentiates the header from the body part. Luma users that do
not want a header on this place will remove the first 2 rows.
5. It is possible to use content alignment (left, center, right) in table columns. Use only one
alignment in a table column.
Example: In the tables above the content in the left column is left aligned, the other two
columns are right aligned.
6. Luma automatically inserts a default cell indent and neglects all cell indents, insert
properties or tabs you define in a cell or a text box.
9. 3. In a table you can use different fonts, font-style, font-size and font-colour but you can use
3. In a table you can use different fonts, font-style, font-size and font-colour but you can use
only one font, font-size, font-style(bold, italic) and font-color in a table-row.
only one font, font-size, font-style(bold, italic) and font-color in a table-row.
Example: 2 table-rows, in each table-row a different font, font-style and font-size.
Example: 2 table-rows, in each table-row a different font, font-style and font-size.
It is possible to use content alignment (left, center, right) in table
columns. Use only one alignment in a table column.
4. You can’t use table borders, cell background colours in a table. Luma doesn’t support such
4. You can’t use table borders, cell background colours in a table. Luma doesn’t support such
elements as part of the cell or row.
elements as part of the cell or row.
Example: Left: A small-border makes a clear difference between the header and the
content but cannot be applied for a luma template. Luma users that do not want to use a
title here will be bothered with a line they cannot remove. Right the alternative: insert an
empty table-row, which differentiates the header from the body part. Luma users that do
not want a header on this place will remove the first 2 rows.
Example: Left: A small-border makes a clear difference between the header and the
content but cannot be applied for a luma template. Luma users that do not want to use a
title here will be bothered with a line they cannot remove. Right the alternative: insert an
empty table-row, which differentiates the header from the body part. Luma users that do
not want a header on this place will remove the first 2 rows.
Example: In the tables above the content in the left column is left
aligned, the other two columns are right aligned.
LUMA automatically inserts a default cell indent and neglects all
cell indents, insert properties or tabs you defi ne in a cell or a text
box.
5. It is possible to use content alignment (left, center, right) in table columns. Use only one
5. It is possible to use content alignment (left, center, right) in table columns. Use only one
alignment in a table column.
Example: In the tables above the content in the left column is left aligned, the other two
columns are right aligned.
alignment in a table column.
Example: In the tables above the content in the left column is left aligned, the other two
columns are right aligned.
6. Luma automatically inserts a default cell indent and neglects all cell indents, insert
6. Luma automatically inserts a default cell indent and neglects all cell indents, insert
properties or tabs you define in a cell or a text box.
properties or tabs you define in a cell or a text box.
Use only simple structured tables. Don’t merge table-cells. A table
with two or three columns is common.
7. Use only simple structured tables. Don’t merge table-cells. A table with two or three
7. Use only simple structured tables. Don’t merge table-cells. A table with two or three
columns is common.
columns is common.
Example: 2 column table and a 3 column table.
Example: 2 column table and a 3 column table.
Example: 2 column table and a 3 column table.
ECLIPSE International NV – Lange Kievitstraat, 2018 Antwerpen – Belgium
Modified at 22/01/2010 14:50:00 & Printed at 22/01/2010 14:51:00 2 / 4
9
Example: 2 table-rows, in each table-row a different font, font-style and font-size.
4. You can’t use table borders, cell background colours in a table. Luma doesn’t support such
elements as part of the cell or row.
Example: Left: A small-border makes a clear difference between the header and the
content but cannot be applied for a luma template. Luma users that do not want to use a
title here will be bothered with a line they cannot remove. Right the alternative: insert an
empty table-row, which differentiates the header from the body part. Luma users that do
not want a header on this place will remove the first 2 rows.
5. It is possible to use content alignment (left, center, right) in table columns. Use only one
alignment in a table column.
Example: In the tables above the content in the left column is left aligned, the other two
columns are right aligned.
6. Luma automatically inserts a default cell indent and neglects all cell indents, insert
properties or tabs you define in a cell or a text box.
7. Use only simple structured tables. Don’t merge table-cells. A table with two or three
columns is common.
Example: 2 column table and a 3 column table.
ECLIPSE International NV – Lange Kievitstraat, 2018 Antwerpen – Belgium
Modified at 22/01/2010 14:50:00 & Printed at 22/01/2010 14:51:00 2 / 4
ECLIPSE International NV – Lange Kievitstraat, 2018 Antwerpen – Belgium
Modified at 22/01/2010 14:50:00 & Printed at 22/01/2010 14:51:00 2 / 4
10. 3. Editable images
Not only text but also images can be replaced or modifi ed. Except
a default template image or an image uploaded by a user, image
collections can be linked to a specifi c image region which allows
users to further personalize their design.
Luma supports only 2 image formats for editable images: JPG and
PNG. These kind of images are ideally delivered in high quality,
this means with an actual resolution of 300 dpi. When facing
transparency, use transparent PNG instead of JPG.
Be aware that you don’t use other image formats in the editable
layer(s).
Note: luma does not support fi lled or stroked frames in the editable
layer(s) / image regions. You’ll have to work with images to work
this in your layout process!
Actual resolution?
The actual resolution is
the resolution of the image
fi le saved in Photoshop.
The above screenshot
shows an image with an
actual resolution of 300
dpi at 67,73 x 42,33 mm.
This means the image
is maximum usable in this
size (67,73 x 42,33 mm).
3.1 The Luma editor with an image collection linked to an image
region. These images can be JPG’s or PNG’s.
10
11. 4. Collecting an InDesign fi le
To make sure we have all fonts and linked images, use InDesign’s
fi le package feature to collect your design.
To create an InDesign Package, fi rst select “Package” from the
File menu. Next, in the “Package” Window, select “Fonts” from the
list and fi nd any problem or missing fonts. Check your other links
and settings as well before click the “Package” button.
4.1 Collecting an InDesign fi le with the File - Package feature
11
The InDesign’s fi le
package feature does
not always work cor-rectly
when collecting
fonts.
Therefore we ask to
always provide all
fonts in a separate
Zip-Archive.
12. 5. Common issues
Common issues to avoid
5.1 more templates in one InDesign file. Each InDesign file can only
contain one template.
5.2 Incorrect page size. The document size should match the trim size
of the job.
5.3 Type near trim. Type that is placed near the trim could be trimmed
off due to mechanical variance. Be sure that type or any other object
not meant to bleed is at least 5 mm (or 0.1969 in) away from trim.
5.4 Insufficient bleed. To ensure that an object prints to the end of the
page, extend anything that should bleed 3 mm (or 0,1181 in) further
than the trim on the top, bottom and face of the page.
5.5 Low resolution or low quality images. Because images come from
many different types of media, the resolution and quality can vary. Make
sure all images have an actual resolution of 300 dpi, for large formats
(like A1 and A2) 150 dpi can be sufficient. It’s a good idea to open the
PDF you create and check the quality of the images. If an image looks
poor in your PDF, it will also look poor when printed.
5.6 Fonts not provided. Even though fonts may appear correctly in a
PDF, if they are not collected in the InDesign package, they can not be
processed.
5.7 Use of master pages. Try to avoid the use of master pages. If you
do, be aware that editable text and/or images can not be on master
pages.
5.8 Image scaling/rotation. Do not apply scaling/rotation of images
within InDesign. Apply scaling/rotation directly in PhotoShop or Illustra-tor
and place images just as is in InDesign.
12
13. 5.9 Variable data. Make sure the design (lay-out) can hold all variable
data in the data fi elds.
5.10 Hyphenation. LUMA does not support InDesign’s Hyphenation
options. Jumping from the end of one line of text to the beginning of the
next line in the LUMA editor is done by a hard return (also called forced
line break). Whenever you press the Return or Enter key while editing, a
hard return is inserted. To assure that no hyphenation options are used
in InDesign, make sure you end each line with a hard return.
5.10.1 Paragraph with hard returns. It will make it easier to judge
what is going on in the text if you choose “Show Hidden
Characters” under the Type” menu in InDesign.
5.11 Standard space character. Don’t use hair spaces, sixth spaces,
thin spaces, etc. Only use a standard space character (with the space-bar)
to enter a space.
5.12 Single pages. InDesign fi les must be set up as single pages (no
facing pages / spreads).
5.13 All Caps. Don’t convert any text to upppercase using the All Caps
function. All Caps isn’t really uppercase.
5.14 Tabs. Tabs are not supported. Use Indesign tables for ‘tabbed’
content. Normal tabbed text can easily be converted to tables.
5.15 Bulleted and numbered lists. Don’t use bullted and numbered
lists. Automatically generated bullets and number characters aren’t ac-tually
inserted in the text. Therefore, they cannot be converted to LUMA
unless you convert them to text.
5.16 Subscript / superscript. LUMA does not support reducing ordi-nary
characters sizes. Nevertheless, a typeface may contain sub- and
super-script glyphs at different positions for different uses.
13
14. 7.1 Exported template of the InDesign package: the position/size
of image/text frames is identical in Luma and InDesign
An indd-package must contain
the following fi les:
+ source InDesign fi le
+ an .idml export
+ low resolution PDF export
+ all linked images
+ document fonts
+ in addition also collect all fonts
in a .zip archive
6. Example package with corresponding template
Go to http://demo.lumacloud.com/template to download the
template source fi les and experience how it works in the LUMA
editor.
Username: guest
Password: guest
14
15. 15
7. Installing the LUMA live prefl ight profi le
You can dowload the Luma Live Prefl ight Profi le by cllicking here.
After downloading, you can load them into InDesign by opening
the Prefl ight panel, choosing Defi ne Profi les, and then choosing
Load Profi les.
7.1 Opening the Prefl ight Panel or Defi ne a Profi le
7.2 Loading the Luma Live Prefl ight Profi le
Prepare for SheetCmyk
The profi le ensures that at
least a number of important
layout elements are defi ned
correctly and will not cause
problems in print.
Don’t forget to prefl ight your
PDF’s afterwards. This Live pre-fl
ight profi le does NOT replace
PDF-prefl ighting!
16. For more more information information about about how how Luma Luma can help can you:
help you:
Luma International International nv
nv
Lange Kievitstraat Kievitstraat 118-118-120
120
2018 Antwerp
Antwerp
Belgium
t: +32 ((0)0)3 3 369 369 20 20 00
00