Wireframes are website mockups, prototypes, layouts, and doodles. For many, wireframes begin with with pen and paper, others use sticky posts and crayons. More technically inclined folks turn to graphic and design software and web apps to layout the look and feel of a site for themselves or a client.
Wireframes are essential in the process of getting ideas down and the site design fleshed out. They are also critical for working with clients to ensure the designer/developer and the client are on the same page.
However you make your wireframes, make sure they are flexible and easily altered as your site evolves.
A Google search for WordPress and wireframe images turns up some excellent examples.
Here are some articles featuring wireframe tips and resources.
- 10 Completely Free Wireframing and Mockup Tools – Specky Boy
- 10 Completely Free Wireframe and Mockup Applications – Specky Boy
- Ultimate Guide to Website Wireframing – Six RevisionsWireframe and mockup tools, best examples – Web Design Shock
- 35 Excellent Wireframing Resources – Smashing Magazine
- Keynote as a collaborative wireframing tool – Web Designer Depot
- Sticks and Stones Break My Bones, Wireframes Excite Me – Web Savvy Marketing
- Creating Web Design Wireframes: Tools, Resources, and Best Practices – Onextrapixel
- 18 Great Examples of Sketched UI Wireframes and Mockups – Inspiration – Web Design Ledger
- Developing a WordPress Wireframe – Theme Remodel, WordPress – AbleReach