Difference Between Wireframe And Mockup. If you are looking for great tools to create your first sketch wireframe mockup or prototype just check my last post about how to prototype an app as a non designer. A mockup is a static wireframe with much more ui and visual details.
Once there you will find great tools and free resources that will help you build your first app prototype. To understand the difference between a wireframe and a mockup it s best to start at where each falls in the design process. A wireframe is a draft for a schematic representation of your future website.
Below you can see a wireframe mockup and prototype for a new mobile application.
While they are sometimes separate things as others have stated they are just as often not separate things. Once there you will find great tools and free resources that will help you build your first app prototype. The wireframe is very low fidelity simple boxes and text convey a concept. A mockup an be considered a wireframe.
