FREELessons: 15Length: 2 hours
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!
1.Introduction
1.1Introduction01:33
1.1
Introduction
01:33
2.Organization
2.1File Organization10:32
2.1
File Organization
10:32
2.2Layer Organization07:02
2.2
Layer Organization
07:02
3.Preserving Editability
3.1Image Manipulation10:22
3.1
Image Manipulation
10:22
3.2Type Management06:42
3.2
Type Management
06:42
3.3Filters & Effects10:36
3.3
Filters & Effects
10:36
4.Delivering the Design
4.1Exporting08:32
4.1
Exporting
08:32
4.2Design Practices13:02
4.2
Design Practices
13:02
4.3UI Templates08:19
4.3
UI Templates
08:19
4.4Tileable Images10:22
4.4
Tileable Images
10:22
5.Tips and Techniques
5.1Time Savers06:57
5.1
Time Savers
06:57
5.2Non-Destructive Techniques08:34
5.2
Non-Destructive Techniques
08:34
5.3Tools08:43
5.3
Tools
08:43
5.4Tricks06:38
5.4
Tricks
06:38
6.Conclusion
6.1Conclusion03:06
6.1
Conclusion
03:06
