May 14, 2014 Last Updated 9:02 am

Designing an interactive magazine – Scrollable Frames

This is the fourth of the design columns from Nadi Tsech, a digital magazine designer based in Prague. There will be seven columns as part of this series, at least two published each Wednesday. Nadi’s own blog can be found at magpla.net.


Text frames are the base of print design;
print magazine layout entirely depends on the articles’ lengths,
unlike digital magazines which can create a scrollable frame and
place a text of any size in a particular frame.
Scrollable frames change the process of creating magazines
and their design.

scroll2


A scrollable frame is a very flexible tool and at the same time intuitive. Fortunately, there is no need to invent special symbols for scrolling. An arrow is a recognizable and familiar symbol for scrolling and swiping, its function is to indicate the direction.

scroll1

real-simple-magazine12telescope

A frame that scrolls vertically is more common, nevertheless horizontal frames are in no way less useful. Both horizontal & vertical scrolling is used rarely, yet there are lots of ways to use this feature to enrich function, especially the function of children’s and entertainment magazines.

scroll31

bon-appetit1v-13

Inspiration

An interesting use of scrollable frames from RUSSH magazine.

russh42563russhmag

Tip

If the whole page is a scrollable frame or interactive element, it’s important not to forget about the static area to scroll / flip the page.

For example this image in Travel + Escape magazine is a 360° panorama and the bottom line is a static area. If a reader scrolls the image he sees an image sequence, sliding the bottom line brings him to the next / previous page.

te2-8


There are seven posts in this series, which originally appeared on Nadi Tsech’s own blog at magpla.net:

  1. Icons: appeared on May 7
  2. Pop-Ups: appeared on May 7
  3. Multimedia: appeared on May 14
  4. Scrollable Frames: appeared on May 14
  5. Pagination: to appear May 21
  6. Slideshows: to appear May 21
  7. Galleries: to appear May 21

TNM thanks Nadi Tsech for allowing us to repost this series here.

Comments are closed.