This class serves as an introduction to wireframes for web designers.  Wireframing allows you to figure out the information hierarchy of your design, which makes it easier for you to plan the layout according to how you want your client and audience to digest and process the site's information.  Often times as designers we get bogged down into the details right off the bat...what color, what type, what imagery, what branding? Wireframing is the skeletal system that allows you to worry instead about the flow, dynamics and useability of the site before you hop into aesthetic decisions. Think of wireframes as a web designer's sketch...and learn the options of your web site sketching in this Skillshare class. Â
Overview
Syllabus
- Introduction
- Course Supplies
- The Project!
- What is a Wireframe?
- Types of Wireframes
- Wireframe Methods of Working
- Website Design Considerations
- Element Considerations
- Lo Fi (Analog) Wireframe Techniques
- Hi Fi Wireframing with Illustrator & Photoshop
- Wireframe Online Options
- Wireframe Conclusion
Taught by
Cookie Redding