The Guide To Mockups by Jerry Cao

W
hile the terms may be used interchangeably, mockups
are not
wireframes.
And
they
definitely
aren’t

prototypes. Mockups are the models of web design and
one of the most effective mediums for communicating
visual design. Whatever they lack in interactivity is more
than made up for in terms of visual clarity.
In this book, we’ll share a wide breadth of expert commentary, theories, practices, and real-life screenshots of mockups.

We’ll compare mockups to other design deliverables and discuss the pros and cons of each. For more experienced readers, we’ve included best practices for creating mockups in Photoshop and Sketch. We hope that you see mockups as a collaborative design
tool rather than just something to throw to developers.

Mockups represent the structure of information, visualizes the content, and demonstrates basic functionalities in a static way. We’ve included screenshots of mockups (more of which you can find at UXPorn) and plenty of discussion around different types of mockups and methodologies for creating them. We’ve
also included our own preferences, and described our own design process practiced at UXPin.

We’d love your thoughts on what we’ve written. And feel free to include anyone else in the discussion by sharing this e-book.