Wireframing & Grid

Research and sketch should be your motto!!!

Planning your interface is the most important part of your job! Below you find some ideas of sketches and links to grid templates.

These images were taken from the article 18 Great Examples of Sketched UI Wireframes and Mock-ups found in the Web Design Ledger where you can read more about sketches and mock-ups.

The grid template we are using for Project 1: Worst of the Web is a wireframe shared by sneakpeekit.com

Website Sizes

Grid Calculation

Grid Template