Join Emily Kay for an in-depth discussion in this video What is responsive design?, part of Photoshop for Web Design.
- [Instructor] Before we can begin designing responsively,…we should define what responsive design actually is.…Today, our content is being consumed…on the literally thousands of devices.…We need to create…and ultimately deliver content in a better way.…Our website should adapt and show content differently…based on the type of device that's viewing that content…at any given time.…Our goal is to create a design…that will respond to the device that's viewing it,…and offer our end user the best possible experience.…
You need to determine your design method…before you ever create your document.…Take time to preplan.…Consider your audience.…Assess the assets.…What's the best layout for the material?…How can you make it compelling, usable, and efficient…for the end user?…When you deliver your comps,…you should deliver the different comps…for each different experience…that you're ultimately creating.…If you're using a responsive design,…show how well your site is going to look…as it scales up or down.…As the user's device changes, the layout should change.…
- Setting up workspaces and artboards
- Using libraries
- Responsive design tips and tricks
- Setting breakpoints
- Creating navigation elements
- Creating textures and backgrounds
- Embedding or linking smart objects
- Making custom templates
- Creating reusable UI elements
- Saving and exporting for the web
- Using Generator
Skill Level Intermediate
User Experience for Web Designerswith Chris Nodder1h 49m Beginner
1. Set Up Your Project
2. Design Responsively
5. Image Considerations
6. Export Assets for Development
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.