High-fidelity
Published Jun 8, 2022Updated Dec 21, 2022
Contribute to Docs
High-fidelity refers to design deliverables that are realistic and near final-product quality.
High-fidelity prototypes, for example, are used to work through more granular questions about visual design and content and are often created after a team has aligned around topics, like structure, using lower-fidelity wireframes.
High-fidelity prototypes help answer questions like:
- Are stylistic elements such as typeface, font size, and font color legible and appropriate?
- Is the color scheme well-aligned to the brand or product?
- Does the page design and style guide meet accessibility standards?
- Does a particular tagline work alongside a particular image?
- Does this video or image thumbnail work well and draw attention within the context of the page?
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.
Learn UI and UX Design on Codecademy
- Career path
Front-End Engineer
Front-end engineers work closely with designers to make websites beautiful, functional, and fast.Includes 34 CoursesWith Professional CertificationBeginner Friendly115 hours - Free course
Introduction to UI and UX Design
Get started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.Beginner Friendly2 hours