Join Emily Kay for an in-depth discussion in this video Design tips and tricks, part of Photoshop for Web Design.
- [Instructor] As we're getting started…with the web design process,…I do want to mention a couple of miscellaneous tips…that will help to streamline your workflow.…Here I have a new blank document.…When I'm designing for the web,…I like to work with guides and grids.…They make it so much easier for me to ensure…that all of my elements are aligned properly.…In this version of Photoshop,…we have a really easy way…to create guides and grids that are great for web use.…If you go to the View menu and you choose New Guide Layout,…it's going to open up your New Guide Layout dialog box.…
You can go ahead and set the number of columns…that you want, so I usually like to work…on larger screens with a 12- or 16-column layout…and on smaller screens with perhaps a six-column layout.…So if I choose 12 columns, I can specify the widths…of the column, or if I leave that blank, Photoshop will…automatically interpolate the size of the widths for me.…I can also choose the gutter.…The gutter is the spacing between my columns.…And if you want to change any of these things,…
- 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.