These User Interface Wireframes were created in Adobe Illustrator in less than an hour during an instructional seminar. The photo was rendered in Photoshop to show how files can be linked and edited between programs.
This is a view of how one screen may look if the wireframes were completed:
This is an overview of the entire process:
We started by creating a QUICK logo:
To begin the wireframes, we based the layouts on sketched concepts. We placed the logo in position to try it out:
After getting a feel for the layout, we began placing some real graphics in place to get a more finished feel.
