The design process is often kicked off with a set of wireframes. These behave as models for your layout to follow when you begin coding in HTML/CSS. Web designers understand these wireframes all too well by following trends over the recent years. And now with mobile apps booming in popularity iOS and Android designers are switching to wireframes as well.
But what’s all the fuss about? Well you can save a lot of time in development when you know exactly which views need to be created for which pages. You also don’t have to worry so much about the layout details and can focus on specific graphics like textures, banners, and buttons.
In my short gallery below I have a collection of digital and sketched wireframes for your viewing pleasure. These are perfect examples to get your mindset clear and possibly give you some ideas for handling your own wireframes. The procedure is different for everybody but this is practically a necessary step in the design process moving forward.