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

Design: Creation of Artifacts in Society
University of Pennsylvania via Coursera
Design Thinking Action Lab
Stanford University via NovoEd
Blended Learning: Personalizing Education for Students
New Teacher Center via Coursera
Mobile Application Experiences Part 1: From a Domain to an App Idea
Massachusetts Institute of Technology via edX
Usable Security
University of Maryland, College Park via Coursera