Inspiring UI Wireframe Sketches

By / Oct 4, 2012 / Inspiration
shares

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

Inspiring Wireframes Sketches

Landing page wireframe by Kerem Suer

Inspiring Wireframes Sketches

Wireframe for a new something by Kerem Suer

Inspiring Wireframes Sketches

Facelift for kerem.co — Wireframe

Inspiring Wireframes Sketches

Wireframe for a fun dashboard by Kerem Suer

Inspiring Wireframes Sketches

Food goal wireframe by Kerem Suer

Inspiring Wireframes Sketches

Resume wireframe

Inspiring Wireframes Sketches

Review/Publish screen by Kerem Suer

Inspiring Wireframes Sketches

Dashboard sketch

Inspiring Wireframes Sketches

App gallery sketch

Inspiring Wireframes Sketches

Wireframe by Oykun

Inspiring Wireframes Sketches

Wireframe sketches by John Peele

Inspiring Wireframes Sketches

Responsive UI wireframe sketch by Thomas Schrijer

Inspiring Wireframes Sketches

Wireframe by Philip Readman

Inspiring Wireframes Sketches

LocalHero sign up sketch by Kerem Suer

Inspiring Wireframes Sketches

Preliminary sketches

Inspiring Wireframes Sketches

Vhoto Wireframe by Jason Mayo

Inspiring Wireframes Sketches

Wireframe For iPad App by Peter Mark Ellis

Inspiring Wireframes Sketches

Sketch & Mockup by Bady

Inspiring Wireframes Sketches

Vim Interactive homepage concept by Panayiotis Karabetis

Inspiring Wireframes Sketches

Email Sketch

Inspiring Wireframes Sketches

Biosensor UI by Lance Cassidy

Inspiring Wireframes Sketches

Wireframe Sketching by Steven Scarborough

Inspiring Wireframes Sketches

Ordify Wireframe by Maik Fahldieck

Inspiring Wireframes Sketches

Wireframe Brainstorming by PJ McCormick

Inspiring Wireframes Sketches

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

10 Comments

  1. April
    October 4, 2012

    I’m liking this post.
    Thanks :D

    Reply
  2. Web design Wolverhampton and Birmingham
    October 4, 2012

    Some great ideas here, thanks. Many of these wireframes are works of art in their own right!

    Reply
    • Earl Varona
      October 4, 2012

      indeed!

      Reply
  3. Ben
    October 4, 2012

    Button Head Phillip Readman made it into this …. Great Guy and Designer

    Reply
  4. Web Design Malaysia
    October 4, 2012

    really impressed with how detailed these sketches are.. amazing!

    Reply
  5. aledesign.it – Creative Graphic
    October 4, 2012

    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!

    Reply
  6. Earl Varona
    October 4, 2012

    Good ‘ol pencil and paper is still my first process in design.

    Reply
  7. Design Turnpike
    October 5, 2012

    Wow – simply impressive!

    Reply
  8. Digital Marketing
    October 22, 2012

    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.

    Reply
    • Don Droga
      June 10, 2013

      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.

      Reply

Leave a Reply