Wireframing is the first step in the UI design process - low fidelity visual representations of a web page or application interface. They are generally black and white line drawings, a combination of blocks and squiggles, with maybe some gray shading but no other colors. Stay focused on layout and high-level interactions and concepts like navigation and flow. UI elements and content can be represented as boxes or lines, with or without label descriptions.