Description
Course info
Level
Beginner
Updated
Jun 11, 2014
Duration
1h 23m
Description

In this series of tutorials, we'll talk about some of the steps that you'll go through when using Illustrator to build a website wireframe. We'll start by talking about the purpose of our site and our client needs. We'll set up our artboard for our home page and talk about the importance of the 960 grid system. We'll go over the 12 column grid and how it can help us now and further along the development process. Next we'll talk about the great tools in Illustrator that help us quickly and easily create elements for our wireframe, duplicate them and reuse them for other pages. We'll also go through the process of taking a wireframe from low-fidelity to medium-fidelity. We'll finish by talking about responsive design and creating a wireframe for a tablet and a smartphone. By the end of this training you should feel more confident when using Illustrator to create website wireframes. Software required: Illustrator 17.1.0.

About the author
About the author

Alex is a motion graphics author at Pluralsight. Starting out his career in illustration and design gave Alex a firm foundation in the more traditional forms of art. As he refined his skills, he eventually was pulled into the world of motion animation, as well as product design. It was there that Alex was able to take his artistic skills to new heights and really develop himself as a well-rounded CG artist.

More from the author
Illustrator CC Creating Business Collateral
Intermediate
54m
Dec 14, 2017
Designing a Proper Invitation in Illustrator
Intermediate
1h 48m
Dec 26, 2015
More courses by Alex Hernandez
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hello, I'm Alex with Digital Tutors. In this series of tutorials, we'll talk about some of the steps that you'll go through when using Illustrator to build a website wireframe. We'll start by talking about the purpose of our site and our client needs. We'll set up our artboard for our home page and talk about the importance of the 960-grid system. We'll go over the 12-column grid and how it can help us now and further along the development process. Next, we'll talk about the great tools in Illustrator that help us quickly and easily create elements for our wireframe, duplicate them, and reuse them for other pages. We'll also go through the process of taking a wireframe from low fidelity to medium fidelity. We'll finish by talking about responsive design and even create a wireframe for our tablet and a smart phone. So let's go ahead and get started by setting up our artboard in Illustrator.