Photoshop for Web Design

Offered By: LinkedIn Learning

Tags

Adobe Photoshop Courses Web Design Courses Graphic Design Courses Responsive Design Courses Wireframing Courses Image Optimization Courses Mockups Courses

Course Description

Overview

Learn how to use Photoshop to create UI elements, web graphics, wireframes, and functional mockups that transition smoothly to production.

Syllabus

Introduction

Welcome
What you should know
Download libraries

1. Set Up Your Project

Document setup
Workspaces
Artboards
Color modes and settings
Libraries

2. Design Responsively

What is responsive design?
Set breakpoints
Design tips and tricks
Layer comps
Creating navigation elements
Seamless textures and backgrounds
Smart objects: Embedded
Smart objects: Linked
Convert Smart Objects
Preset templates
Custom templates
Styles panel

3. Process

Mood boards
Wireframes
Reusable UI
Create comps

4. Collaboration

Style guides
Client review comps

5. Image Considerations

Retina displays
Image types for the web

6. Export Assets for Development

Legacy save for the web
Quick Export
Export As
Using Generator

Conclusion

Next steps

Taught by

Emily Kay

Related Courses

UX Design for Mobile Developers
Google via Udacity Information Design
University of California, San Diego via Coursera Web Application Development: The Presentation Tier
University of New Mexico via Coursera Desarrollo de Aplicaciones Web: Nivel de Presentación
University of New Mexico via Coursera UX Design: From Concept to Wireframe
University of Michigan via edX