Designing an Interactive Magazine. Icons

How to turn a print edition into an interactive magazine? Start off with choosing interactive features you want to use in your magazine and then design icons.

Escapism Magazine


Step 1.

These 9 features are used almost in every interactive magazine. We can even call them “standard features” or “basic features”. Every standard feature usually has its own icon. There are some examples of icons from existing magazines.

1. More info or “+” button Interactive Magazine. Icons

2. Close button
Interactive Magazine. Icons

3. Link
Interactive Magazine. Icons

4. Gallery
Interactive Magazine. Icons

5. Audio
Interactive Magazine. Icons

6. Video
Interactive Magazine. Icons

7. Buy
Interactive Magazine. Icons

8. Page info
Interactive Magazine. Icons

9. Scroll / Swipe
Interactive Magazine. Icons

Depending on specific of a magazine you might need additional icons:
Recipe, Rotate your device, Map, Zoom, Social networks, Share, Pan and zoom, How to, Tip, Quote or any other button which might be useful.Interactive Magazine. Icons

Step 2.

Design an icon set for the magazine. Keep in mind these 4 simple things: shape, size, colour, description.

1. Shape

An icon set consist of  5–10 icons, most of them has one main shape (circle, triangles, rectangles) and some has specific shape (arrows or symbols). Let’s have a look at existing icon sets.

American Builders Quarterly

Interactive Magazine. Icons

Interactive Magazine. Icons

Interactive Magazine. Icons

Interactive Magazine. Icons

Interactive Magazine. Icons

You can mix shapes:

Interactive Magazine. Icons

Interactive Magazine. Icons

2. Size

Usually all icons in a set have the same size but that is not the rule.

American Builders Quarterly

Interactive Magazine. Icons

Interactive Magazine. Icons

3. Colour

There are 3 options:

  1. Use colours of your brand (e.g. National Geographic)National Gepgraphic iPad Magazine
  2. Choose special colours for an icon set, which reader can easily recognize.Tech
  3. Change button colour depending on a page design
    .Holmes Place Mag Holmes Place Mag Holmes Place Mag Holmes Place Mag

4. Description

Don’t be afraid to use text, especially, if there is no symbol for this action (e.g. Tip).Interactive Magazine. Icons


 

Follow me  https://twitter.com/n_tsech  http://www.pinterest.com/MagPlanet/boards/

Check my other posts about interactive features and have a look at the Navigation Pages:

Designing an Interactive Magazine. Scrollable Frames
Designing an Interactive Magazine. Multimedia
Designing an Interactive Magazine. Pagination
Designing an Interactive Magazine. Slideshows
Designing an Interactive Magazine. Pop-ups
Advertisements

2 thoughts on “Designing an Interactive Magazine. Icons

Comments are closed.