From the course: Photoshop for Web Design
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
What is responsive design? - Photoshop Tutorial
From the course: Photoshop for Web Design
What is responsive 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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
What is responsive design?3m 11s
-
Set breakpoints1m 41s
-
Design tips and tricks7m 22s
-
Layer comps7m 51s
-
Creating navigation elements3m 41s
-
Seamless textures and backgrounds6m 21s
-
Smart objects: Embedded5m 9s
-
Smart objects: Linked3m 7s
-
Convert Smart Objects7m 22s
-
Preset templates3m 26s
-
Custom templates8m 22s
-
Styles panel5m 28s
-
-
-
-
-
-