YoVDO

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