011 027 5098 | 079 157 2902
  • About Us
  • Blog
  • Support
  • Contact
BP Web DesignBP Web DesignBP Web DesignBP Web Design
  • Home
  • Websites
  • E-commerce
  • Custom Design
  • Hosting
    • Web Hosting
    • Virtual Private Servers
    • Dedicated Servers
    • Reseller Hosting
  • Corporate Branding

Sketchsheets for Responsive Web Design

    Home Uncategorized Sketchsheets for Responsive Web Design
    NextPrevious

    Sketchsheets for Responsive Web Design

    By kaimbi | Uncategorized | 0 comment | 25 October, 2013 | 0

    With the constant evolution and popularity of mobile devices, designing web sites responsively is essential. Unlike designing for a static or fixed web site, the fluidity and flexibility of a responsive site can make the design process tricky and at times almost impossible to successfully convey visually your design ideas.

    We are here to help you out by highlighting some of the most useful and basic tools available for responsive design: A pencil and some paper. Or, just to be clearer and more specific, sketchsheets for responsive web design. Here they are:

    Printable Responsive Sketchsheets

    Sneakpeekit

    Whether you are a logo designer, font creator or web designer, Sneakpeekit can serve you as a one-stop solution for all your sketchsheet needs. To begin with, they offer multiple mobile mockups to help you design responsive websites. Beyond that, it provides grids that adhere to some of the most popular grid systems/frameworks such as Bootstrap, the LESS Framework 4 and the Semantic Grid System.

    All sketchsheets are free to download, ready to print and you can also grab the PSD templates if you need to convert your grids into graphic mockups.

    Sneakpeekit →

    Responsive Web Design Sketchsheets by Jeremy Palford

    This set of responsive web design sketchsheets are based on the work of Denise Jacobs. The collection includes support for various device sizes and are totally free to download.

    Responsive Web Design Sketchsheets →

    Interface Sketch

    Interface Sketch is a set of free sketch templates for web, mobile and tablet devices. The templates are in PDF format, and are free to download and print. Various sizes are supported, such as desktop, iPad, Nexus 7, Nexus 10, iPhone, Mobile Windows, Android and many more generic phones.

    Interface Sketch →

    Responsive Web Design Sketchsheets by James Brocklehurst

    This collection of responsive web design sketchsheets includes two sets of sheets — first, a thumbnailed version followed by a more detailed set of wireframe templates with grids. These sketchsheets are based on the ideas discussed by Jeremy Palford (mentioned above). The set is free to download and also comes with PSD templates.

    Responsive Web Design Sketchsheets →

    Responsive Sketchsheets by ZURB

    This set of sketchsheets includes both responsive and regular sheets, though you can also choose to download only the responsive sketchsheets as required. These sketchsheets can help you design for mobile as well as desktop devices and even off-canvas content.

    Responsive Sketchsheets →

    Premium Responsive Sketchpads

    Responsive Sketch Pad ($13.95)

    Responsive Sketch Pad helps you generate cross-platform application ideas as well as visualise how a given design prototype will look across multiple devices.

    For a closer look at its features, I will leave you with this short video:

    Responsive Sketch Pad →

    Responsive Design Sketch Book

    The Responsive Design Sketch Book comes with “a multi-grid front page for thumbnail sketches of multiple viewports”. It has 50 pages, including perforated pages for sketchboarding and sharing, breakpoint hints and pixel dimensions as well as a foil stamped linen cover.

    Sadly, it is out of stock right now, though you can set up a notification alert regarding its availability.

    Responsive Design Sketch Book →

    How About Something Different?

    Yes, seriously. An alternative solution is not bad, is it? I mean, look at all those sketch pads that cost almost $13? Agreed, having your own sketch pad or book is all fun and good, but, come on! $13 for some sheets of paper!

    How about using something basic and humble for responsive sketching? Something that is really, really, really simple! Something that is probably lying right there, next to your computer screen. Something like… an A4 sheet of paper?

    Alright, some of you may find that idea hilarious. So before I take your leave, I will drop in a quote from Sam Hardacre, putting a case for A4 sheets:

    “The best thing about A4 sheets of paper for responsive sketching, aside from being cheap, is the fact that a single sheet can fold multiple times and give us the basic screen sizes we may be designing for. The plain A4 sheet can be used to sketch a desktop layout, fold it in half and you have two tablet sized canvases on which to sketch out portrait and landscape layouts, fold three more times and you have a basic smartphone canvas to sketch on”.

    No tags.

    Leave a Comment

    Cancel reply

    Your email address will not be published. Required fields are marked *

    NextPrevious
    Copyright 2019 BP Web Design | All Rights Reserved. A BP Web Group Company
    • Home
    • Websites
    • E-commerce
    • Custom Design
    • Hosting
      • Web Hosting
      • Virtual Private Servers
      • Dedicated Servers
      • Reseller Hosting
    • Corporate Branding
    BP Web Design