Interactive White Paper Made by in5 Customer

Justin | HTML5,InDesign | Monday, June 19th, 2017

Another fantastic project created with InDesign and exported with in5.

Check out the video below to see what Jake Hoisington and Brenda Fletcher created for Lincoln Financial Group.

Test Drive in5

How to Build a Drop Down Menu in Adobe InDesign

Justin | Misc | Monday, June 12th, 2017

An expandable menu is a great way to collapse content that is only needed some of the time. Hiding the navigation helps the user focus on the content.

drop down menu in InDesign

Click to see a larger image.

This sample article from the InDesign UX Design Patterns guide details the steps to creating a drop-down menu.

How to Build an Expandable Menu

  1. On a Master page, create an MSO with an “empty” state (see the Modal Dialog in the full guide for details on this step).
  2. Build the menu background and buttons inside the “active” state of the MSO.
  3. Add Go to Page (or Next/Back, if you prefer) actions to each button. You may also want to add a Go to (empty) State
  4. Add an action to trigger the hiding and showing of the menu. If you have a single “toggle menu” button and a two-state MSO, you can use Go to Next State
  5. Apply the Master page to the pages where you want the menu to appear.

* Yes, a button can have multiple actions. 🙂

The Extra Mile

You can also create a sequenced animation within the menu state of the MSO to visually “build” the menu onto the screen.

Compatibility

in5, FXL ePub, PO.

Interactive PDF cannot be used because it does not support MSOs.

Tip: If you absolutely have to create a PDF-compatible version, you can use hide and show buttons.

More UX Design Patterns for InDesign

InDesign UX Design Patterns full guide (cover image)Do you want to learn how to create more working User Experience (UX) and User Interface (UI) elements from InDesign without coding?

Check out the complete InDesign UX Design Patterns guide (it’s free with an email sign-up).

Get the guide

Script HTML5 Export from InDesign using the in5 API

Justin | ExtendScript,extensions,HTML5,InDesign,software | Monday, May 29th, 2017

Check on this new video on how automate the exporting of HTML5 from InDesign using in5’s API.

The scripting automation makes it easy to batch process large numbers of InDesign files.

You can test out the API with the free trial of in5.

Video Tour of Designs Made by in5 Customers

Justin | design,extensions,HTML5,InDesign | Monday, May 22nd, 2017

I love seeing what people are making with in5. It absolutely blows me away!

Check out the video below to see a walk-through of some of the great sites and apps that designers are exporting from InDesign using in5.

Check out in5 >>

InDesign to SimpleHTML – Easily Repurpose Content with Uncluttered Markup

Justin | design,extensions,InDesign,publishing,software | Monday, May 15th, 2017

Simple HTML From InDesign header image

SimpleHTML is a new tool for InDesign that exports bare naked HTML from a Text Frame or Story.

There’s no <head> or <body> tag, no classes, no <div> wrappers, no clutter—just the HTML that you need to paste into a blog post (or email) editor.

(more…)

Page 4 of 53« First...23456...102030...Last »