Join Sue Jenkins for an in-depth discussion in this video Add content and fine-tune the mockup, part of Web Design: Efficient Workflow.
- [Narrator] Next up in the web design workflow,…I'll be adding the page content and fine tuning the layout.…For efficiency, I'd like to focus first…on transferring the content from Word…into the Photoshop file without worrying…about size, alignment, positioning, color,…or any of the other attributes.…Then, once all the content is in the file,…I'll spend some time adjusting the properties…of each element.…For text, I'll set the font face, size, style,…color, case, leading, and other attributes as needed.…
For graphics, that means cropping and adjusting…image sizes to fit.…This is also a great time to use the alignment…and distribution buttons to ensure…that all the elements are evenly spaced…and distributed along with adding any special effects…like drop shadows, horizontal rules, and borders.…If something doesn't fit as expected…or seem quite right, this is the perfect time…to test out some alternatives.…For example, the mock-up might look better…by changing a background color or a pattern…or by making some text larger or smaller…
This course is designed to help boost the abilities of web designers and graphic designers, improving productivity and creativity. Sue shows you how to broaden your workflow while keeping the process efficient and focused. The tips she provides are applicable whether you are starting from nothing, redesigning layout ideas received from a client, or creating a mockup from a wireframe in coordination with UX teams.
- UX and wireframing
- Capturing the essence of a business
- Designing the mockup
- Fine-tuning the layout
- Making final revisions