Photoshop for Web Design
Offered By: LinkedIn Learning
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
- Document setup
- Workspaces
- Artboards
- Color modes and settings
- Libraries
- 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
- Mood boards
- Wireframes
- Reusable UI
- Create comps
- Style guides
- Client review comps
- Retina displays
- Image types for the web
- Legacy save for the web
- Quick Export
- Export As
- Using Generator
- Next steps
Taught by
Emily Kay
Related Courses
UX Design for Mobile DevelopersGoogle 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