Adobe and former NYT designer Khoi Vinh made a super simple design app for …

30 Mar 2015 | Author: | No comments yet »

Adobe Wants To Kill Your Desktop.

Comp CC, which is now available for the iPad, makes it easier for designers to take their design ideas for new websites, mobile apps and print from the back of a napkin (or in this case the iPad) to production. Adobe has launched Comp CC, a new iPad app that lets designers work with their Creative Cloud account to quickly fashion a usable comp — complete with the same assets you would use in the final version.

As Adobe principal product manager Will Eisley told me last week, the company believes that creatives now look at mobile as an extension of their creative workflow. With Comp CC, you could begin your mobile, web or print layout on the subway, stop off at the coffee shop and tweak it some more, and by the time you arrive at the office (on time, of course) you just need to upload your work to the computer and place the final touches. Over the next year, he has big plans to turn Adobe’s apps for your smartphone and tablet from a creative gimmick into powerful multitasking tools with workflows that are on par or even faster than what you can do on your desktop.

The entire experience will all be centered around a free iPad app Adobe is launching today called Adobe Comp, a fast and capable layout tool for mocking up typefaces, graphics, and user interfaces. Additionally, Comp CC lets designers combine Typekit fonts, relevant images, plus color swatches and shapes they need for layout-design projects on iPad. Not only does the app let you sketch out drafts, but you also can access the exact files, colors, shapes, drawings, photos, brushes and fonts you need for your final prototype.

First previewed at Adobe MAX Creativity Conference in October 2014, under the name “Project LayUp,” Comp CC is built on the Adobe Creative SDK, which allows designers to use simple iPad gestures to quickly produce high-fidelity layouts. You start with any number of preset canvas sizes—like an iPhone screen, a business card, or an HD-resolution website—and then, through a series of pinches and taps, you can create highly accurate gridded shapes, images, and text. “We’re marketing this as the first-mile app for all of the desktop products,” Belsky tells me. “When you open a new project in either Photoshop or Illustrator, it’s a blank page. Doing creative work on a mobile device is only useful if the results can be synced to the desktop, where the project can be perfected in a precise, professional-grade tool like InDesign or Photoshop.

Comp CC joins Adobe’s family of connected Creative Cloud mobile apps, including Illustrator Draw, Illustrator Line, Photoshop Sketch, Adobe Shape CC, and Adobe Color CC. Once on the desktop, the heavy-hitting apps can take over to further develop and refine the layout into a production-quality project ready for the next step. Using Comp’s touchscreen controls is both intuitive and tactile—and it comes with an immediate gratification that you just don’t get with a mouse. There are two modes that you can toggle: Drawing mode lets you create frames, shapes and text placeholders; while Editing mode lets you resize and reposition objects, import images, format text, and add elements to your layout.

Switching back and forth between modes is easy — just tap on the left-hand tab — and once your rough sketch is finished, you can start filling it in with live elements. A three-finger swipe takes you back through the entire history of your composition. (You can export any and all stages of this comp to Photoshop, Illustrator, or InDesign.) A slider allows you to cruise through layers, rather than the more complicated outline format you’ve seen on desktops. Two- and three-finger swipes help you build, undo and redo parts of your comp, and Adobe has 16 special gestures you can use to set up your comp quickly. And within the app, they’ve not only integrated access to all of your files in your Creative Cloud Drive, but something called the Creative Cloud Market. The team didn’t want to see how much of PhotoShop and InDesign they could squeeze in, he told me, but instead focus on the basic things you want to specify when you ideate.” There is also no two-way flow between the mobile app and the desktop apps.

The Market has all sorts of commonly needed graphics—like iOS navigation UI—that you can suck into your compositions, allowing you to grab necessary media quickly without Googling. (For now, the Market is free to use, though that may change in the future.) Without getting into too much interface detail, I’d say that what FiftyThree’s Paper has done for intuitive drawing on tablets, Comp is doing for building a more general layout on a tablet. Once a design is packaged up on mobile and send to desktop, you can obviously continue to work on it on this iPad, but you can’t send the edited file from the desktop back to mobile to continue working on it. Adobe started this project around the end of 2013 when the team talked to Khoi Vinh, the former Design Director at the New York Times, about the challenges he sees with the early part of the design workflow. One the team identified the problem, Adobe set him up with a prototyper and quickly landed on what Eisley called a “quick and dirty prototype.” Then, Adobe user-tested this first idea over the course of the summer. There are several options for working with placed images, including setting opacity, cropping, positioning, duplicating and adjusting the stacking order.

Once you’ve formatted a block of text, you can tap Copy in the Format panel, and apply the same formatting to other text blocks elsewhere in the document. It doesn’t have all the raw data you’ll find in a big PSD, but it’s a lightweight, universal language that Adobe’s mobile and desktop apps can share.

Even if you don’t need to create comps on such a high level — with professional assets in place — it’s easy to appreciate how far Comp CC goes in giving you professional looking output and can also serve as a valuable learning tool that’s easy enough for anyone to use. But for Adobe, deep linking will enable multitasking for the app era without making its interface overly bloated. “There have never been any great creative apps on mobile that worked together,” Belsky admits. “In some ways, the Camera Roll [as a central depository for your mobile media] is the worst thing for creativity. We’re killing the reliance on Camera Roll.” Think about it: The full Photoshop interface—designed for big monitors and precise mouse movements—just doesn’t translate to an iPad’s finger-driven touchscreen. A single great batch of Photoshop filters can make all the difference to someone’s workflow, but negotiating plug-ins within the mobile OS infrastructure is a complicated proposition.

Here you can write a commentary on the recording "Adobe and former NYT designer Khoi Vinh made a super simple design app for …".

* Required fields
Twitter-news
Our partners
Follow us
Contact us
Our contacts

dima911@gmail.com

ICQ: 423360519

About this site