Pro Workflow for Web Designers

with

It’s not enough to know how to design a website. Being able to hand off your designs, whether to a colleague or client, in a clear and organized way is what ensures your designs survive in the field. In this course, Dan Rose guides you through the workflow for building an organized web design in Photoshop. From clear layer labels to UI element states, Dan is full of tips on how to present your design in a way developers, designers, or dabblers can understand.

 

Note: this course teaches professional workflow and organization, not specifically on design techniques. It assumes a basic understanding of web design and Photoshop. If you’d like to learn web design techniques and technology, please check out our design section!

Free Preview: Pro Workflow for Web Designers

Introduction

01:33

1.Introduction
1 lesson, 01:33

Free Preview
1.1
Introduction
01:33

2.Organization
2 lessons, 17:34

Free Preview
2.1
File Organization
10:32

2.2
Layer Organization
07:02

3.Preserving Editability
3 lessons, 27:40

3.1
Image Manipulation
10:22

3.2
Type Management
06:42

3.3
Filters & Effects
10:36

4.Delivering the Design
4 lessons, 40:15

4.1
Exporting
08:32

4.2
Design Practices
13:02

4.3
UI Templates
08:19

4.4
Tileable Images
10:22

5.Tips and Techniques
4 lessons, 30:52

5.1
Time Savers
06:57

5.2
Non-Destructive Techniques
08:34

5.3
Tools
08:43

5.4
Tricks
06:38

6.Conclusion
1 lesson, 03:06

6.1
Conclusion
03:06


Preview for Pro Workflow for Web Designers
Lessons:
15
Length:
2 hours
About Dan Rose
Dan Rose is the Photoshop Etiquette guy, an Interface Designer at WSOL, an editor for Smashing Magazine, a conference speaker, the pioneer of Syracuse Sync, a chronic tweeter, and easy to get a hold of.
+ Expand Bio- Collapse Bio