Dynamic sketching and wireframing are vital aspects of interface design. The creative process should start rough and move towards solid ideas.
But it’s tough for new designers to understand the value of wireframing – especially getting away from the computer and sketching ideas with paper. These sample wireframe designs visualize websites and mobile apps in rough form.
Each photo from this gallery is from Instagram with a link back to the original source. You’ll find a lot of raw wireframe inspiration demonstrating the true creative power of paper & pencil.
Wireframe w/ Callouts
Finance Website
E-mail Admin
Website Sketch
Layout Sketches
Lo-Fi Wireframe
App UI Wireframes
Hi-Fidelity App Wireframes
Prototyping
Startup Wireframe
Sketchbook
Interface Elements
Concept Strategy
Precision
High-Fidelity Wireframe
Website on Paper
Web Project
Simple Website
Detailed Wireframe
UI Sketching
UI/UX Wireframing
Mobile App Prototyping
App UI Sketches
Website Interface
Measured Wireframes
Wireframe Sketches
Dot Grid Sketchpad
User Flow Wireframes
Homepage Sketch Design
Dot Grid Paper
Website Wireframes
Rough Wireframe Sketch
Hand-Drawn Wireframe
Web UI Sketching
Author: Jaime Morrison
Jaime is a jr. designer interested in mobile UI/UX research and frontend web development with JavaScript frameworks. He covers general news and useful resources in the web design space.