May 21, 2014 Last Updated 4:12 pm

Designing an interactive magazine – Galleries

This is the seventh of the design columns from Nadi Tsech, a digital magazine designer based in Prague. There are seven columns as part of this series, with the final three published today. Nadi’s own blog can be found at magpla.net.


I’m certain that all print designers dream to have such a powerful tool as a gallery. Galleries changed a magazine’s structure and make it possible to place more pictures and more information without overloading pages and without forcing readers to see all pictures.

bon-appetit-ipad-magazine-37cidade-jardim-magazine-402cooking-light-14southwest-florida-parent-and-child_34

Readers can choose to see all pictures in a gallery or selectively tap to a preview images. Designers’ main task is to choose the most suitable type of a gallery for the particular pictures.

6 Types of Galleries:

Thumbnails. The most popular buttons’ type. Thumbnails give an idea of all pictures and a reader can tap the only ones he likes.

o-the-oprah-magazine-8revista-mine-40-copy

Transparent thumbnails

gq-watch-54-copycooking-light-14-copy

Faces

cosmopolitan-8-copycidade-jardim-magazine-6-copy

Icons. Often icons are used if pictures consist of many small details and thumbnails don’t give an idea of original pictures. Icons also can be used if there are understandable symbols.

foodwine-6-copyrevista-mine-60-copy

Numbers. Use numbers if buttons signify values, dates, charts, steps or as a alternative to thumbnails and icons. Look at Audi magazine screencast, it’s a good example of using numbers because neither thumbnails nor icons are informative in this case.

les-magazines-canal-9

Text. Often a few words can describe better than a picture.

tapswipe-10-copytechnology-entertainment-ipad-magazine-13-copy

Tip

There’s no need to place all thumbnail on a screen, use a scrollable frame to slide through them.

holmes-place-mag-80bon-appetit-ipad-magazine-27


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: appeared on May 21
  6. Slideshows: appeared on May 21
  7. Galleries: appeared on May 21

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

Comments are closed.