Responsive Web Design With Adobe Photoshop

Paperback | January 15, 2015

byDan Rose

not yet rated|write a review
For a couple of decades now, designers have used Photoshop to mock up Web page designs. However, that work generally results in a static graphic of the page, which has to be translated by a developer into the components of a Web page: HTML files and Web-compatible image files.

Our multi-device world has shown us that this approach to web design, including full-page comps done in Photoshop, is increasingly problematic. Modern web designers are adopting a new approach: creating flexible web pages whose layout can adapt to suit the screen on which they are displayed. This is “Responsive Web Design” [RWD].

Until now, books on designing responsive Web sites have focused on HTML and CSS – in other words, they've been very code-centric, and visual creativity seems to take a back seat.
This new book is aimed at the visual Web designer who’s accustomed to working in Photoshop. Adobe Photoshop CC contains many new features that help streamline the process of converting a static page design to a set of components for a responsive web page.

Dan Rose is one of the best-known advocates of this new way of working in Photoshop. He’s observed that only a few people are talking about Photoshop for RWD constructively, yet a majority (63% as of his last informal poll) of web designers are using Photoshop for more than simple asset creation. This transition is a pain point for many designers.

His new book will balance coverage of conceptual issues (how to fit tools like Photoshop to the design workflow rather than fitting a workflow to the tools) with practical design exercises tailored to help communicate the overall design direction of the page while respecting the needs of the fluid Web. In addition, he will introduce methods for taking HTML back into Photoshop for further refinement.

 

Pricing and Purchase Info

$51.99

Ships within 1-2 weeks
Ships free on orders over $25

From the Publisher

For a couple of decades now, designers have used Photoshop to mock up Web page designs. However, that work generally results in a static graphic of the page, which has to be translated by a developer into the components of a Web page: HTML files and Web-compatible image files. Our multi-device world has shown us that this approach to w...

Dan Rose is an interface designer, speaker, and writer who lives in Syracuse, NY. His affinity for workflow and Photoshoppery led him to create Photoshop Etiquette, a guide to discernible web design. Dan serves as the Graphics section editor for Smashing Magazine, and is the pioneer of events such as Syracuse Sync and Create Upstate....

other books by Dan Rose

Betty & Veronica #227
Betty & Veronica #227

Kobo ebook|Dec 15 2009

$3.92

Archie & Friends #134
Archie & Friends #134

Kobo ebook|Dec 15 2009

$3.92

Betty & Veronica Double Digest #187
Betty & Veronica Double Digest #187

Kobo ebook|Oct 20 2011

$1.99

see all books by Dan Rose
Format:PaperbackDimensions:288 pages, 9.1 × 7.7 × 0.7 inPublished:January 15, 2015Publisher:Pearson EducationLanguage:English

The following ISBNs are associated with this title:

ISBN - 10:0134035631

ISBN - 13:9780134035635

Customer Reviews of Responsive Web Design With Adobe Photoshop

Reviews

Extra Content

Table of Contents

Introduction: Photoshop’s New Groove (intent for book explained)
How did we get here? Photoshop Pre-RWD
The Case for Designing in Browser (where Photoshop fails post-RWD)
A Plea for Photoshop/Browser Harmony
Better discussions with Visual Inventories
Smaller Comps: Element Collages
Completing the Direction with Style & Component Guides
Breaking through “Browser Block” (when designing in the browser fails)
Fixing RWD in Photoshop with Page Layers
Extending Photoshop (plugins, extensions, Generator)
Remembering Etiquette (Photoshop Etiquette overview, discernible workflow)
Moving Forward: adjusting our perspective on tools