Join Laurie Burruss for an in-depth discussion in this video Setting up a project, part of Web Site Planning and Wireframing: Hands-On Training.
So let's start our first project. I call this project Anatomy of a Homepage.…But at the same time we will also create a wireframe. We are going to analyze a…homepage of a web site of your choice. In my case, this will be the Pasadena…City College, Digital Media Center.…A wireframe is a basic visual guide that is used in web design to suggest the…layout a fundamental elements in the interface. Upon completion of this project…you will be able to deconstruct a homepage, which means you will be able to…identify the main structural elements as well as its features and at the same…time you will create a layer called the wireframe that shows the main sections…and the main features. We will label these features and these sections and you…will have your first wireframe.…
In the web industry, using wireframe is a very important concept. It's often…done at the beginning of the design process. It's done with the web design team…and the client and it's a little bit like doing your outline for a term paper…
Download the free support materials here from the Exercise Files tab.
After learning the tools and techniques demonstrated in this course, viewers can continue on to the next course in this series: Creating a CSS Style Guide: Hands-On Training.
- Seeing, scanning, and reading a web page
- Understanding naming conventions
- Creating file structures
- Understanding page hierarchy
- Using Acrobat and Photoshop with wireframes
- Building a professional wireframe from scratch
- Identifying and using web standards in site design
- Usability Testing
Skill Level Beginner
1. How the Internet Works
2. Using Your Browser
Choosing a browser3m 12s
3. Deconstructing a Web Page
4. Learning the Ground Rules
5. Designing for the Internet
A case study4m 57s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.