
Here’s the next stage: an issue built from scratch!
The process was reasonably straightforward, only a few glitches. For example the slideshow function does not work with back and forward buttons as it is supposed to, so I had to use a thumbnail image index instead. Overall though it went smoothly enough, and I got all the elements I tried out to work - slideshow, video, hyperlinks, scrollable content, web view (i’m saving the 360 view, panorama and audio functions for another time). Full technical notes below (content is from The Natural History Museum’s book ‘Bats’ by Phil Richardson).
Document setup
- facing pages: off
- intent: web
- units: pixels pixels as units (especially useful when snapping objects to grids )
- margins at top and bottom of page larger to give room for nav controls of the iPad
- size:
1. page snap = 1024x768 per page on the iPad
2. smooth scrolling = 1024x4000 for horizontal and 768x5000 for vertical (use bundler to turn on smooth scrolling)
Best Practice
-14 body point text at least to make readable & clickable
- include _v or _p(for vertical/portrait) and _h or _l(for horizontal/landscape) suffix in file name
NOTE: You cannot mix and match orientations within an issue. The entire issue must be dual, portrait, or landscape.
- you can scale down large images; they will be downsampled when bundled.
- you should use correctly sized images in overlays because overlay resources are not downsampled and may increase the size of the .issue file. use JPEG images with medium compression
- use RGB colourspace for images
- for non-interactive images you place in InDesign, you can use any format, including PSD, TIFF, AI, and JPEG. When bundled, these objects are compressed and converted into a PNG or JPEG file for each page
- avoid running objects into the bleed area, snap objects to the edge of the document.
- if there is too much blank space after you finish your design for smooth scrolling, turn on Layout Adjustment (Layout > Layout Adjustment). Then choose File > Document Setup and change the Height value
- add background colours to a master page. If you want to use different colours for each page in the document, create a rectangle shape the size of the page, apply a fill colour, and arrange it to the back of the stack. To avoid selection problems, lock the background object
- for large text in overlays, use a PNG or JPG image with medium-high compression. For small text or detailed icons, use PNG images
- The first page of the first stack is used as the cover of the issue (interactive elements are omitted)
Notes
- On Release is the only supported button event.