With quick, cheap screen sketches we make the structure debatable before visual details distract attention. The chapter shows how a wireframe comes from the user flow, how hierarchy, layout, and copy direct attention, and how components and responsive views behave. The practical lesson teaches the Figma interface and Auto Layout for building a wireframe.
Wireframes and visual hierarchy
With quick, cheap screen sketches we make the structure debatable before visual details distract attention. The chapter shows how a wireframe comes from the user flow, how hierarchy, layout, and copy direct attention, and how components and responsive views behave. The practical lesson teaches the Figma interface and Auto Layout for building a wireframe.