Creating a Story in Inception for publishing to Apple News is no different than creating any other Story.
However, a few differences and requirements exist.
How Inception components are used on Apple News
The following overview shows for each Inception component if it can be used on Apple News and if so, how.
Important: A Story should contain at least one Hero component, else the Story will not be published.
Can be used.
Apple News role: title.
Can be used.
Apple News role: title.
Can be used.
Represented as 3 role:title components on Apple New, each with specific styles.
Has to be used, else the Story will not be published.
Is represented as a role:section on Apple News with the background image as the style. Title, subtitle and author are represented by a separate role:title for each component.
The image should adhere to the following requirements:
Note: Recommended is to provide an image that is at least 300 x 300 pixels at 72 dpi.
- It should be in JPG, JPEG or PNG format
- Minimum size: 300 x 300 pixels
- Maximum width or height: 6000 pixels
- Maximum file size: 20MB
- The aspect ratio (width versus height) must be between 0.5 and 3.0
Can be used. Is presented in Apple News in regular font, not in italic as in Inception.
Apple News role: intro.
Can be used, with the exception of the following text settings:
- Character spacing
- Line spacing
- Drop caps with more than 4 characters (will be reduced to 4)
Apple News role: body.
Can be used. Is presented in Apple News in regular font, not in italic as in Inception.
Apple News role: title.
Can be used. However, setting the author of the quote is not supported.
Apple News role: quote.
Cannot be used.
Can be used.
Apple News role: title.
Can be used, with the exception of the following:
- Author image
- Location
- Link
Apple News role: author.
Can be used, with the exception of the following:
- Captions are only shown in fullscreen mode
- Auto-play
- Show filmstrip
- Disable fullscreen
Apple News role: gallery.
Can be used. Take note of the following though:
- Make sure that each Story that is going to be published to Apple News contains at least one image component (as part of a Hero, image, slideshow, product or author component).
Note: The first image component will be used as a thumbnail on Apple News in the list of stories.
- Each image should adhere to the following requirements:
Note: Recommended is to provide an image that is at least 300 x 300 pixels at 72 dpi.
- It should be in JPG, JPEG or PNG format
- Minimum size: 300 x 300 pixels
- Maximum width or height: 6000 pixels
- Maximum file size: 20MB
- The aspect ratio (width versus height) must be between 0.5 and 3.0
Note: If any of these requirements is not met, the story is not published on Apple News.
- Settings that are not supported:
- Fitting options
- Positioning options for the image
- Caption positioning: 'top-left' and 'top-right'. These are converted to 'top'.
- Caption positioning: 'bottom-left' and 'bottom-right'. These are converted to 'bottom'.
- Hyperlink
Apple News role:figure.
Cannot be used.
Can be used, except for the following option:
- Positioning
Apple News role:title.
Cannot be used.
Styling the Story
Because Apple News uses a proprietary format which has no knowledge of the Story components used in Inception, styling that is applied to the Story components by making use of Style Variants or Styles has no effect on how the story looks on Apple News.
Only styling that is directly applied to text (by selecting text and using the toolbar that appears, with the exception of increasing/decreasing the font size or changing the font), or by setting properties (such as setting a drop cap) is transferred to the story in Apple News.
As an alternative to using Style Variants or Styles, the Story can be styled in the following ways:
- By using a default style provided by Inception. Do this by simply publishing the Story to Apple News.
Note: This only works when no additional files that define the styling have been uploaded to Inception, see the next bullet.
- By choosing a style that has been set up in advance. When this method is used, you can choose the style to apply when publishing the Story to Apple News.
Adding parallax scrolling
Parallax scrolling can be added to each component in the Story. When enabled, it makes the component move at a different speed than the scroll speed of the Story itself, thereby creating an illusion of depth.
The pace at which the component moves can also be defined.
Enabling parallax scrolling and setting the pace can be done in the Apple News settings of the Properties panel for a component.
Figure: The Parallax scrolling options in the Apple News settings.
Note: To preview the parallax scrolling effect, publish the Story to Apple News and view it on a device.
Document history
- 27 December 2016: Added section about parallax scrolling.
- 24 November 2016: Updated the overview of Inception components that can and cannot be used on Apple News.
- 24 November 2016: Renamed section 'Using Story components' to 'How Inception components are used on Apple News'
Comments
0 comments
Please sign in to leave a comment.