PrototypeĪ prototype is a preview of the proposed live site. However, a mock-up would not usually be a functional site. A mock-up would typically demonstrate branding, typography, color palettes, and general look and feel.

Mock-ups are generally used to represent the visual design features of the site. Indeed, many developers create wireframes with pen and paper. They are very much a sketch of the skeleton of a website rather than a prototype. WireframesĪs mentioned above, wireframes are visual representations of the layout site. However, the three methods are quite different. The terms wireframe, mock-up, and prototype are often confused.

The Difference Between Wireframes, Mock-ups, and Prototypes And a wireframe Is not a mock-up or prototype, as explained below. Instead, a wireframe is a basic sketch showing where components will appear on the various pages. The site’s outline would not include any branding, colors, or graphics. Alternatively, a wireframe could be created using a drawing tool, such as MS Paint, or hand-drawn on paper. The outline design can be prepared using wireline tools, such as Sketch or Adobe XD. The Pros and Cons of Wireframing a SiteĪ wireframe is a basic visual representation of a website’s layout and structure.The Difference Between Wireframes, Mock-ups, and Prototypes.

Wireframe prototype mockup cover letter