What is a Wireframe? This UX Design Tutorial Will Show You.

 By freeCodeCamp.org - 2020-09-04

Description

The first step to designing a website: wireframe it. A good wireframe can give you the vision for the entire layout and functionality of your website. It can also serve as the first stage of a design. ...

Summary

  • If you are considering building a website, you can do a wireframe quickly and easily.
  • We are going to create a wireframe and show how it allows for a quick, iterative design process.
  • In our example, we will create a simple sitemap which will contain just the Home Page, Features Page, and Contact Us page.
  • Adding wireframe components and reusing them on different pages Step #5:

 

Topics

  1. UX (0.31)
  2. Management (0.1)
  3. NLP (0.06)

Similar Articles

Tailwind Starter Kit by

By Creative Tim - 2020-12-22

A beautiful extension for TailwindCSS. It features multiple HTML elements and it comes with dynamic components for ReactJS, Vue, and Angular.

Considerations for Making a CSS Framework

By CSS-Tricks - 2020-11-25

Lessons learned from building a framework (Halfmoon) using CSS variables, and the future of customizability and user personalization on the web.