YoVDO

Wireframing for Website Design for Beginners

Offered By: Skillshare

Tags

Web Design Courses Adobe Photoshop Courses Adobe Illustrator Courses Prototyping Courses Wireframing Courses Website Design Courses

Course Description

Overview

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.  


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

Related Courses

Crea diseños y prototipos de alta fidelidad en Figma
Coursera Project Network via Coursera
Create Interactive Prototypes with Pidoco
Coursera Project Network via Coursera
Create wireframes for desktop and other devices in Adobe XD
Coursera Project Network via Coursera
Create wireframes for different screen sizes in Adobe XD
Coursera Project Network via Coursera
Interaction Design
CreativeLive