How to Use Your iPad for Real Design Work

Apr 26 2011 by Joshua Johnson | 24 Comments

How to Use Your iPad for Real Design Work

Designers have a love affair with Apple products that stretches back decades, but as Apple shifts their focus towards low-power devices that fit more towards a mainstream audience, are designers being left behind?

We all know that the iPad is fun — but is it a legitimate business tool for designers? We’ll take a look at a few tools that will help you use your iPad for professional-level design work.

Can the iPad Be Used as a Professional Design Tool?

Love it or hate it, the iPad represents a monumental shift in computing to an interesting new form factor. Apple certainly didn’t invent the tablet, just as they didn’t invent the smartphone, but as with the iPhone, the iPad was perhaps the most significant catalyst for the outright stampede of similar devices from electronics manufacturers.

From the perspective of a designer, the iPad and its brethren represent a significant problem. On one hand, the thing is simply too cool to pass up. On the other hand, many of us have trouble justifying the purchase for business use.

The problem is that, for all its coolness, the iPad is low on the scale of powerful computing devices. Designers require powerful processors, loads of RAM and terabytes of storage to handle their daily workload.

The iPad, though, is specifically designed to be primarily aimed at web browsing, email and running applications that are relatively basic when compared to those found on a full-fledged computer.

There has been a lot of discussion revolving around how designers can use the iPad in their workflow, which helps us validate our purchases to angry spouses who doubt our need for new toys. In all honesty, though, the thing that we all realize — but aren’t owning up to — is that all of these roundups of iPad apps for designers are full of super basic sketching apps and to-do lists, not exactly enough to merit a $500+ purchase or pull us away from our Mac Pros for anything but some fun distractions.

Don’t get me wrong, products like Adobe Ideas are great, but do you really find that they have dramatically improved the way that you design websites, brochures, business cards or even logos? Are they really that far beyond a good old pencil and sheet of paper?

Adobe Ideas is a fun but basic drawing application.Adobe Ideas is a fun but basic drawing application.

As an iPad owner, I’ve put a lot of time into exploring how designers can really use this device as a professional-level tool instead of an expensive paperweight that plays Angry Birds and lets us read our email in a bigger font than our iPhones.

The following are some of the best accessories and applications that I’ve found to help meet this goal.

First Things First, Get a Stylus

It almost pains me to suggest such a thing. The iPad is not designed to use or require a stylus. All of the default applications and controls contain touchable areas large enough to be used by any of the ten God-given styluses protruding from your hands.

I would even go so far as to say that, in general, a stylus ruins the experience of the iPad. The "magic" of this device is that it makes computing an incredibly direct experience. Suddenly we can reach out and touch GUIs instead of pointing and clicking. A stylus might not be as indirect as a mouse, but it’s certainly a step back from your index finger.

However, as a designer, you simply must have precision beyond that offered by your chubby little fingers. If you’re typing or navigating the general iPad interface, use your hands, but for writing by hand, drawing and manipulating graphics, you’ll want to check out a stylus.

The Pogo Stylus for iPad.The Pogo Stylus for iPad.

I was personally a very big doubter in this area but once I purchased a stylus I couldn’t argue that it helps take drawing on an iPad from something silly and fun to something that a serious professional would consider doing on a regular basis.

Choosing a Stylus

A stylus that works with an iOS device is a little bit different from those you might be used to elsewhere. Since the iPad has a capacitive touchscreen, scraping a piece of plastic across it won’t do anything.

In practice, the need for capacitive touchscreen and screen protection typically results in an iPad stylus being composed of a metallic shaft and a soft, squishy tip. The latter of these is quite annoying if you’ve ever used any other writing instrument on the planet — pen, pencil, etc. — which tend to have a firm tip.

Because of this, I recommend being choosy when you purchase a stylus. Try some out before making a purchase if possible. Many people recommend the Pogo or Pogo Sketch stylus (shown earlier), but I own one of these and the foam tip really bugs me.

Griffin has a nice stylus with a rubber tip that is still soft but a bit firmer than the foam.

Griffin Stylus for iPad.Griffin Stylus for iPad.

There are also a few really unique products out there like the iClooly stylus, which is more like a paint brush, the Dagi stylus, which is tipped with a transparent circle for serious precision and the Stylus Socks Pro, which uses conductive fabric stretched over a pen shaft.

The Stylus Socks Pro for iPad.The Stylus Socks Pro for iPad.

If you’re the do-it-yourself type, hit up YouTube for all kinds of different ways to make your own stylus using common household products.

iDraw: A Real Graphics App

After you get your stylus squared away, it’s time to decide whether the App Store holds any hope for legitimate tools for designers.

Fortunately, there are in fact a few really solid professional-level tools if you know where to look.

One excellent and underappreciated app in this category is iDraw, a genuine vector-drawing application with many of the same features that you find in Adobe Illustrator.

Far beyond a simple drawing app, iDraw packs a serious punch and is a steal for $8.99.

Layers in iDraw.

Let’s talk about why this app is more like a professional art program than a fun little drawing app.

First, you get a full-on multi-layered canvas. If we’re trying to compare to graphics software on a desktop, you can’t even consider something that doesn’t have basic layering functionality.

Also, since the graphics that you create are vector, each piece stays independently moveable just like in Illustrator.

iDraw has a genuine Bezier pen tool and complex path-editing capabilities. Creating a quick sketch is dandy, but there’s a strong argument for building custom graphics as fully editable vectors and even powerful drawing apps like Sketchbook simply don’t offer this functionality.

iDraw has a bezier pen tool and the ability to edit vector paths.iDraw has a Bezier pen tool and the ability to edit vector paths.

There’s even a collection of Boolean operations — equivalent to the Pathfinder panel in Illustrator — that allow you to quickly create complicated graphics by combining basic shapes.

Most importantly, iDraw has a PDF export feature that allows you to bring your artwork right into applications on your desktop. Opening the PDF in Illustrator will retain all of the paths, fills and gradients so you can effectively use your iPad for actual professional vector artwork creation that can be further manipulated in desktop software.

iDraw's export options.iDraw’s export options.

Other awesome features include basic selection tools, copy and paste actions, text creation and editing and drop shadow creation.

If you’re skeptical that the iPad can really be an effective tool for designers, check out iDraw.

Air Display: Use Your iPad as a Multi-Touch Display

Air Display is another app that really pushes the iPad away from being a novelty and towards being a serious asset to a designer’s arsenal. With this app, you can use your iPad as a second display for your desktop computer.

Just like any normal multiple display setup, you can set your iPad next to your computer screen and drag windows to and from Windows or OS X. When you’re working with multiple graphics applications, anything that gives you a little extra screen real estate is a huge help. This is especially true for those of us that work full-time on a laptop.

The awesome benefit of using your iPad as a second display is that, with Air Display, you retain the benefits of having a touchscreen. This means that you can drag Photoshop over to your iPad and use your stylus to paint, draw and perform any other action you want.

With Air Display, you can use Photoshop right on your iPad!With Air Display, you can use Photoshop right on your iPad!

Using this setup, you can transform your iPad into a full-blown drawing tablet for Photoshop and Illustrator. Not some watered-down mobile versions of these apps mind you, the real versions.

A quick drag action is all you need to swap back and forth between actions that you think are better performed with a mouse on your desktop PC versus those that merit direct interaction on your iPad. A bit of lag and no pressure sensitivity means that it’s not quite a Wacom Cintiq, but it’s close!

I really enjoy using my iPad as an input device in this fashion. It’s great to be able to break away from the mouse and sketch out something quickly by hand without sacrificing the powerful toolset found in Adobe apps. Air Display is well worth the $9.99 download.

Bust Out a Wireframe at Lunch (with These Apps)

Designers disagree on the usefulness of wireframes, but almost no one approaches a really large design project such as a web application without plotting out a general outline and interaction flow from screen to screen. Low-fidelity mockups are a valuable tool that many designers wouldn’t dream of skipping during the initial planning process of producing a website.

iMockups helps you build low fidelity wireframes.iMockups helps you build low fidelity wireframes.

As it turns out, the iPad is a really nice way to create these types of mockups. Using something like Photoshop or Illustrator, you’re easily tempted to take the exercise too far and start actually designing before you’ve worked out the content. Alternatively, drawing by hand works great, but can be quite time-consuming if you’re a perfectionist.

Apps like iMockups ($6.99) and SketchyPad ($4.99) allow you to quickly experiment with visual layouts in a basic wireframe format. The minimal graphics force you to focus on content, and the large range of pre-built items allows you to save tons of repetitive drawing time.

You can definitely do wireframing on a desktop, but there’s something mentally refreshing about stepping away from your computer for a minute to plot content out in a portable, full-screen and distraction-free environment.

Land a Job with Your Portable Digital Portfolio

You can’t make a living as a designer without clients. Whether you’re a full-time employee or a freelancer, you’ll find that selling yourself is a much more frequently necessary task than you’d like it to be.

Years ago, designers carried around large, unwieldy portfolios with printed samples of their work. At the time, most design work was done for print so the format made perfect sense.

Now that the digital age is upon us, it’s time to replace that physical portfolio with something a little more modern.

Sure, you may have a portfolio website that you can send someone to, but what about in an offline situation such as coffee with a client or a job interview around a boardroom table? I’ve tried passing around my laptop in such cases and it’s certainly not ideal.

Your iPad presents the perfect solution. It’s portable enough that you can keep it on you almost all the time and easily pass it around a table, while being large enough to really show off your work nicely.

And let’s face it, the iPad makes for an impressive presentation. Your potential clients can either passively gaze at your work or interact with it directly as they tap, pinch and swipe their way through your samples.

There are a number of apps available in the App Store that transform your iPad into a personal, branded portfolio that’s sure to impress. Some, such as Portfolio for iPad, will run you a whopping $15, but others like Minimal Folio are less than $3.

Minimal Folio gives you a custom digital portfolio to carry.Minimal Folio gives you a custom digital portfolio to carry.

Minimal Folio has a lot of really cool features for its small price tag, including the ability to sync via Dropbox and present on an external display, which is perfect for when you have access to a projector.

This may sound dangerously close to the novelty area we spoke about before, but trust me, the first time someone asks to see a sample of your work and you pull out a fully-branded iPad portfolio, you’ll see the professional value of this tool right away.

Good News: The Future is Even Brighter

Right now apps like Air Display are about as close as we can get to legitimately using an iPad in a way that improves our traditional Photoshop workflow. Fortunately, though, Adobe is putting a lot of effort into this area and appears to be quite committed to tablets as a form factor for serious creative professionals.

The recent release of Adobe’s Photoshop Touch SDK means that you can expect developers to go crazy in a gold rush to create the best and most useful Photoshop iPad tools.

Adobe itself has already used this kit to create three very promising apps that will be available soon.

Adobe Nav allows you to use your iPad to select tools and navigate between documents in Photoshop. Adobe Color Lava allows you to mix together colors in a simulated painter’s palette environment. Adobe Eazel is a seriously cool way to paint right into Photoshop using your fingers or a stylus.

Adobe Nav.Adobe Nav.

You can expect these already impressive apps to be just a small taste of the wave of apps that will no doubt result from this effort by Adobe.

Perhaps this, above all else, will really catapult the iPad into something that creative professionals can not only justify purchasing, but wonder how they ever lived without!

Conclusion

To sum up: Despite the fact that iPads are nowhere near as powerful as the computers that run modern graphics applications, there are still a number of ways to use them as legitimate and professional design tools.

A simple stylus helps you overcome the clumsiness of sketching with your finger, real vector drawing applications like iDraw allows you to compose impressively complex graphics right on an iPad with Illustrator-like features and Air Display will turn your iPad into a multi-touch second display perfect for working inside of Photoshop.

You can also perform some great secondary design tasks like wireframing and showing off your portfolio.

Some think that tablets are purely a fad that will fade as quickly as they sprung up, but I suspect that they will be a driving force in personal computing for years to come. As Adobe and others invest in new and exciting technology for these devices, they’ll only become more viable as an instrumental piece of a designer’s arsenal.

Related Content

About the Author

Joshua Johnson is a Graphic Designer/Web Designer with over six years of experience working with a major international marketing agency. He is also the Editor of Design Shack, a web design and development blog. Check out his recent work and follow him on Twitter: @secondfret.

24 Comments

Krishna

April 26th, 2011

Great article – it’s good to know that the iPad has the potential to be a useful design tool.

Luke

April 26th, 2011

This is the best article that I’ve seen on this topic to date. Hopefully these concepts will kick my Netflix-centric iPad usage up a few notches.

David

April 26th, 2011

I was wandering just the other week how my ipad can make my life easier and present tenders/portfolios when seeing clients, this post was perfectly timed and answers most of my questions. Air Display is a must purchase, as is minimal folio.

Rolfe Kolbe

April 26th, 2011

Thanks for your fantastic post. It is thorough and clear. I have been trying a number of iPad apps (and iPhone apps before that) in relation to graphics. I have used InkPad for vector graphics which is great for teaching people to use vectors as many barriers are broken down with the simple use of a tablet with your fingers! You have shown me that iDraw is a lot more powerful though and I can’t wait to give it a try.
Thanks again for your thorough and interesting post.
PS I have not had much luck on my desktop or Laptop getting the airdisplay app to work but then again . …

Mark Bruce

April 26th, 2011

I think lot of people now realize the power of the iPad if you use it properly . I have found that lot of marketing people also use this device to market their idea and product when the have small meeting in coffee shops or restaurants

Sam Beckham

April 26th, 2011

A fantastic article, Air Display could really come in handy and for the price you would pay for an extra hi-res display anyway you might as well get an iPad. I’ve been trying to justify buying one for some time now and I think this article may have swayed me.

Jennifer Leigh

April 26th, 2011

LogMeIn is another app worth mentioning for working from your iPad. I often will connect to my desktop to make design changes on the fly.

Jatin

April 27th, 2011

I have iPad since long, but never thought that it could be used for design work too. Thanks for the tip.

Andrea

April 27th, 2011

Thanks for sharing this valuable information! As a new iPad2 owner, this article answers some questions about usage that I had.

Jerry Boshear

April 27th, 2011

Excellent article Joshua. Thanks for sharing.

Teresa

April 27th, 2011

Great article! I had also put off getting a stylus but will try one now that i can see how it will greatly increase productivity with my iPad.

Betty B

April 27th, 2011

Great article. I can now justify the purchase.

Meg

April 27th, 2011

I argue that Adobe Ideas is a great app for professional designers. I have seen graphic artists create sketches on a long plane ride, then email the pdf, open it in Illustrator drop in a logo and some copy. I have seen beautiful concert posters created like this. I think the simplicity enables more creativity. I wouldn’t rule out some apps as being useful to a professional simply because the toolet/ functionality is basic.

mahalie

April 27th, 2011

Call me when there’s TextMate or Coda for iPad. (No really, please do let me know!)

Tom Lewis

April 27th, 2011

Ausom, the combination of Air Display and Photoshop Touch SDK make the ipad 2 an appealing buy, too bad thats it so fricking expensive, you could buy a wacom and another monitor+touchscreen layer from ebay for that price!

Gustavo

April 28th, 2011

Ipad = low cost, low precision, laggy and crappy Waccom Cintiq?
This is the best article ive read and yet, im not amazed.

The portfolio part is interesting if you always carry it in your purse (not my case)

if you REALLY want one, have the money and are trying hard to justify the purchase, just buy it already. Think about that fake excuse to your wife/husband/dog/cat/whatever later.

At some point this device will be parked near the potty and everyone in your house will have fun with it!

Matt

April 28th, 2011

Mahalie,
Check out cloud9ide.com it’s a web app that allows you to code anywhere(as long as you have Internet access) you can also use git hub with it. I have never tired using cloud9ide with the iPad but I would imagine that it works just fine.

Bratu Sebastian

April 30th, 2011

It must feel great to make a design on an ipad. Thanks for the article, it’s great!

Tech84

May 2nd, 2011

Nice app, now all I need is some drawing skills. lol!

Shane

May 2nd, 2011

Excellent Article Josh – - I was going to do one over on TCGeeks for designers but this one knocks it out of the park so I’ll send people over here for it..

Waleed Khalid

May 6th, 2011

I always say that I-pad is the best tool for designer specially who works as a freelancer .. my I-pad in the way :)

Christian Krammer

June 15th, 2011

Really great article with much new info for me. I already bought a Griffin, AirDisplay, iDraw and two of the Adobe Apps due to your excellent overview. Thank you very much.

Ellen Divers

October 23rd, 2011

Very helpful article — am on the the brink of buying the first version of the iPad. Will it work with all these applications you mentioned or does iPad2 have advantages I should consider design-wise? Thanks.

John

June 16th, 2012

I am currently producing animations on the iPad…. With a few app changes and possibly new apps I could do all my workflow on it…..

Leave a Comment

Subscribe to the comments on this article.