Classwork, Interactive Design

Wireframes & Mockups

Using the program Adobe Illustrator, creating wireframes and mockups are essential to develop which enables the designer to envision what the final outcome will roughly look like. By implementing the ‘Layers’ tool, it allows the product engineer to slowly build their interactive prototype. Through the use of guides, having these foundations are helpful in ways that are powerfully informative to the designer and their team.

Below is a continued example of ‘How to Make Toast’.

 

Toasty_wireframe_Guide

Completed in class 6/03/2017

Toasty_mockup

Completed 7/03/2017

Advertisements
Standard