![]() For example, a box with a cross in it represents an image. ![]() Instead of these specific design elements, designers use placeholders. Wireframes have very limited visual characteristics, since the majority of design elements (like images, videos, colors, real text, etc.) aren’t included. If you want to explore various wireframe styles, check out this collection of wireframe examples for websites and mobile apps. They are similar in purpose to an architectural blueprint (a detailed plan of a building-to-be). ![]() They’re used to communicate the structure of individual pages (how the pieces of the page work together and where the content will be) and how those pages connect (how the interface will work from a user perspective).Īt the core, wireframes are stories about the future. ![]() Wireframes use simple shapes to create visual representations of page layouts. WireframesĪ wireframe (also known as “skeleton”) is a static, low-fidelity representation of the different screens and pages that form a product. So, what exactly is a wireframe in design? What’s the difference between a wireframe and a prototype? This article will explain the basics behind these two terms and explore how they fit into the UX design process. A lot of people in the field of digital design use the terms “ wireframe” and “ prototype” interchangeably, but there are significant differences between the two: they look different, they communicate different things, and they serve different purposes. Wireframes and prototypes are the two design deliverables most often associated with UX design.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |