![]() The panels listed just below are docked together on the left of my screen. Two workspace presets are provided with InDesign (found in the upper-right drop-down menu), “Digital Publishing” and “Interactive for PDF.” I have created my own workspace (named “Interactive - Custom” in the screenshot above), based on the other two.īasically, all of my typographic, layout, color and other design-oriented panels are on the right, and all of the new interactive panels are on the left, under the tools panel. You can switch between workspaces in the upper-right of the InDesign application window. Once you have placed the panels the way you like them, save them as a named workspace. What works for you may be different, but I recommend using the information provided in this section as a starting point for your customization of the InDesign interface. How one sets up their workspace is a matter of personal preference, but after much trial and error, I’ve found a set-up that works for me. The type of project you are creating will dictate what features you will need quick access to and, thus, how the user interface should be arranged. Larger view.Īs stated, InDesign can be used to produce static print-based media as well as fluid, animated interactive media. I like to place them on the left side of the screen, under the tools palette. Make all of the interactive functionality new to InDesign CS5 and CS6 quickly accessible. Note: Documents created with “Intent: Web” will have an RGB color space. InDesign provides many presets for common screen sizes. Setting the “New Document” properties to “Intent: Web” enables you to create a new document with pixel dimensions. Horizontal orientation (for desktop and traditional Web).Larger view.Īfter changing the global preferences of InDesign, create a new document (on a Mac or PC, File → New → New Document), and set up the following properties. “Raster images, vector graphics, transparency”: Higher quality (resolution)Ĭhange InDesign’s application-level settings (“Units and increments”) before creating a wireframe or prototype.“Units & increments”: Set units to pixels.After opening InDesign but before creating or opening a document, go to the “Preferences” panel (on a Mac, InDesign Menu → Preferences, and on a PC, Edit → Preferences → General) and change the following preferences. Set up transitions between various states of an application.īefore creating a wireframe or interactive prototype, setting up both InDesign and the new document correctly is imperative. WireframingĬreate original artwork in a flexible and robust environment, where any shape or style of object imaginable can be created easily.ĭesign once, and have the changes cascade throughout the whole document.Ĭreate different states of a design in which the user can actively engage with the design and change the states of the prototype. I look for only four categories of features in a wireframing and prototyping app. What Makes It A Great Wireframing And Prototyping Tool? As you will soon see, InDesign has a unique set of tools and features that are perfectly suited to designing wireframes and interactive prototypes in a more intuitive way than you ever thought possible! We’ll take InDesign one step further than these authors to produce fully interactive wireframes and prototypes. Though it may sound crazy at first, hundreds of thousands of designers have adopted InDesign as their go-to application for eBooks. Surprisingly, it has built-in tools for creating interactivity and animation within your spreads. Slowly but surely, InDesign has evolved from a print-only tool into an application that can produce interactive media for the iPad and eReaders, too. ![]() Yes, you read that correctly: InDesign, a desktop publishing app originally created for designing books and magazines, is currently my tool of choice for designing low- to medium-fidelity wireframes and interactive prototypes. I eventually chose Adobe InDesign for much of my preliminary interaction design work. Popular programs are out there, but many of them have considerable drawbacks, which has led me to explore alternative apps. Hundreds of tools may be available for interaction designers, but there is still no industry standard for interaction design the way Photoshop and Illustrator are to graphic design. As you will soon see, InDesign has a unique set of tools and features that are perfectly suited to designing wireframes and interactive prototypes in a more intuitive way than you ever thought possible. Popular programs are out there, but many of them have considerable drawbacks, which has led Shalom Goltz to explore alternative apps.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |