As responsive design and progressive enhancement become mainstream design practices, the decades old approach of using Adobe Photoshop to comp up page designs for clients is becoming increasingly irrelevant. A quick search online shows designers quickly clamoring for a better way to do their work.
Along with new tools to learn, there’s also the challenge of acclimating a client base that has been used to seeing fully-rendered Photoshop designs for decades. How do these new practices benefit them?
This presentation looks at some “post-Photoshop” design practices and how they might fit into a designer’s workflow. Additionally, Jeremy will share how a new design workflow has worked for his team at Clickfarm and how clients have received this new way of looking at their projects.
23. Enthusiasm For New Design Workflows
25
50
75
100
You Other Designers Front-End Developers Project Managers Clients
24. Enthusiasm For New Design Workflows
25
50
75
100
You Other Designers Front-End Developers Project Managers Clients
When you’re using a billable project to try it out
58. Adobe Edge Reflow
<div id="primaryContainer" class="primaryContainer clearfix">
<div id="intro" class="clearfix"></div>
<div id="box" class="clearfix">
<p id="text"><span id="textspan">Jeremy wishes he were
an Okie from Muskogee.</span><br /></p>
<p id="text1"><span id="textspan1">Because, as you know,
it is the place where even squares can have a ball.</span></p>
</div>
<p id="h2">Broadcast Appearances</p>
<img id="image" src="img/letsmakemistakes.jpg" class="image"/>
<img id="image1" src="img/pixel_recess-icon.png" class="image"/>
<img id="image2" src="img/bigwebshow.jpg" class="image"/>
<img id="image3" src="img/theeastwing.jpg" class=“image"/>
</div>
59. <body class="body index clearfix">
<div class="intro-background"></div>
<div class="dark-box"></div>
<h1>Jeremy wishes he were an Okie from Muskogee.</h1>
<div class="intro-text">
<p>Because, as you know, it is the place where even squares
can have a ball.</p>
</div>
<h2 class="broadcast">Broadcast Appearances</h2>
<img src="images/letsmakemistakes.jpg" class="lets-make-mistakes">
<img src="images/pixel_recess-icon.png" class="pixel-recess">
<img src="images/bigwebshow.jpg" class="big-web-show">
<img src="images/theeastwing.jpg" class="the-east-wing">
</body>
Macaw