Join Emily Kay for an in-depth discussion in this video Set breakpoints, part of Photoshop for Web Design.
- [Instructor] Responsive web design…responds to the needs of the users…and the devices that they're using.…The layout changes based on the size…and the capabilities of the device.…For example, on a phone, users would see content…shown in a single column view.…A tablet might show the same content in two columns.…Breakpoints are the point at which your website content…layout will change to provide the user…with the best possible layout to consume the information.…More likely than not, when you first begin to work…with responsive design, you'll define your breakpoints…at the exact device widths that you're looking to target.…
Most often, these are a smartphone, a tablet,…and finally a desktop or laptop computer,…but this is not really the best method of designing.…Instead of being concerned with device breakpoints,…the best practice is to design…for your smallest viewport first.…As you expand that view, there will come a point…at which the design starts to break.…It's just not going to look very good.…The line lengths will get too long,…
- 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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.