Wireframes are the skeleton of an idea, and it is really interesting to observe how other people do their wireframes because we can get several ideas and insights for our own projects. There are many different approaches to wireframes, from detailing kinds of information you will display, to showing a range of functions available, or laying out the several scenarios you have in mind. Wireframes are a important step of the creating process. Today we gathered a few good examples of wireframe sketches to show you how other designers are developing their ideas. Wireframes are a great way to show your ideas for a project and to discuss it with other people involved in the process. So go for it. Make sure to click on the images to learn more about each sketch and its designer.
How I wireframe/sketch Mac Apps by Oykun
Landing page wireframe by Kerem Suer
Wireframe for a new something by Kerem Suer
Facelift for kerem.co — Wireframe
Wireframe for a fun dashboard by Kerem Suer
Food goal wireframe by Kerem Suer
Resume wireframe
Review/Publish screen by Kerem Suer
Dashboard sketch
App gallery sketch
Wireframe by Oykun
Wireframe sketches by John Peele
Responsive UI wireframe sketch by Thomas Schrijer
Wireframe by Philip Readman
LocalHero sign up sketch by Kerem Suer
Preliminary sketches
Vhoto Wireframe by Jason Mayo
Wireframe For iPad App by Peter Mark Ellis
Sketch & Mockup by Bady
Vim Interactive homepage concept by Panayiotis Karabetis
Email Sketch
Biosensor UI by Lance Cassidy
Wireframe Sketching by Steven Scarborough
Ordify Wireframe by Maik Fahldieck
Wireframe Brainstorming by PJ McCormick
I’m liking this post.
Thanks 😀
Some great ideas here, thanks. Many of these wireframes are works of art in their own right!
indeed!
Button Head Phillip Readman made it into this …. Great Guy and Designer
really impressed with how detailed these sketches are.. amazing!
Simply fantastic..like little masterpieces.. For me are really important..even if, often I can’t use this method of work…all want the work in fast time!
Good ‘ol pencil and paper is still my first process in design.
Wow – simply impressive!
Sharing a 300 by 400px image perhaps might work if you want to show off a shiny button style, maybe it isn’t always the best constraint for interaction type of work (flows, multiple screens, scenarios and stuff in between the screens). Nevertheless the other day I was looking through dribbble.com out of curiosity for some designers who might be doing a bit of UI sketching type of work.
It serves a purpose and that’s it. Quick fast and even dirty 🙂 no shiny buttons – that’s the icing on the cake. Wires aren’t supposed to get that far. They demonstrate functionality and it is at the UX end of the process.