Wireframes

Objectives
In this lessons students will learn

  • To create wireframe to develop/plan the layout of a webpage

Wireframes
website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website.

Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose.

Creating a wireframe is one of the first steps you should take before designing a website. It primarily allows you to define the information hierarchy of your design, making it easier for you to plan the layout according to how you want your user to process the information.


Resources
Using Wireframes to Streamline your Development Process
A beginners guide to wireframe
Website Wireframes

Tools
Wireframe.cc
Google Drawing (Google Drive)


Classwork Exercise
Choose two websites and create two wireframes.
Choose between Google Drawing or Wireframe.cc.

Place files into a folder and name:  LastName_FirstName-wireframes.
Share folder link at the end of class to the Google Classroom > Wireframes.

DUE: Tuesday November 15, 2016

Advertisements