Join Emily Kay for an in-depth discussion in this video Style guides, part of Photoshop for Web Design.
- [Instructor] One of the ways to ensure…that your team is on the same page…when designing separate parts of the website,…or handing designs off to developers,…is to create design documentation…or a website style guide.…It is beneficial to have a style guide…in order to create a cohesive experience…among different pages.…Also, it helps to ensure that future development…or third party production will follow brand guidelines.…The style guide is going to define all of the…little ins and outs of your design.…Here are some elements that I've included…inside of my style guide.…
Your style guide may differ depending on your project.…And of course this is all customizable…so think about the things that you want to be consistent…in your design and make that part of your style guide.…I like to start off with having some sort of logo treatment…so in my case,…sometimes my logo appears in a white background,…sometimes it appears on a colored background.…And you can see that this is how I want it treated.…The next section that I have is the colors.…
- 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.