Rumball Motors Interactive » wireframes

Free Printable Sketching, Wireframing and Note-Taking PDF Templates – Smashing Magazine

admin — Mon, 29 Mar 2010 12:37:02 +0000

Sketching and wireframing are a specialized style of drawing, used for fleshing out preliminary complex ideas, group brain-storming, a lo-fi method for evaluating interaction concepts, and as a way of roughly perfecting a design technique.Sketch and wireframe paper is essentially drawing paper that is designed specifically for this purpose. You could use it for web page design, web app design, architectural or structural design, graphic design, movie direction, animation… basically any type of design that needs a physical creative outlet or group collaboration.Not all sketch and wireframe sheets are universal, most are specialized for a particular medium, such as storyboards and specialized grid paper axonometric perspective templates.Below you will find a concise collection of ready to print sketching, wireframing and note-taking templates. Most, as expected, are geared towards the design community, but there are also templates that could be used within any industry and for any purpose.

via Free Printable Sketching, Wireframing and Note-Taking PDF Templates – Smashing Magazine.

15 Quality Web-Based Applications to Create Mock-Ups and Wireframes | Spyre Studios

admin — Wed, 03 Mar 2010 20:53:58 +0000

To effectively manage a project with very little mistakes, you must make it a priority to plan. Diving into the development process with not a single clue as to what elements go where or how certain aspects of a websites interface differ from one another is dooming yourself to hard-earned headaches.

For as long as humans have been able to hold a pen and a paper in hand, we have been prototyping and although different from now, “wireframing“. This dates back to thousands of years ago when architects and artists began converting their artwork into an actual physical presence.

This is to outline that we are no strangers to the planning, prototyping, and executing process.

via 15 Quality Web-Based Applications to Create Mock-Ups and Wireframes | Spyre Studios.

Free Web UI Wireframe Kit | Fuel Your Interface

admin — Thu, 25 Feb 2010 11:18:59 +0000

Sometimes you don’t need to build interactive wireframes, or may not feel all that comfortable in Visio or OmniGraffle. I know here are times I just want to open up Photoshop and start laying things out.

This web UI template kit is made completley with shape objects and in some cases converted into SmartObjects. So they’re totally scalable. There are no usage restrictions but if you find them helpful give us a shout. We love hearing from you!

via Free Web UI Wireframe Kit | Fuel Your Interface.

50 Free UI and Web Design Wireframing Kits, Resources and Source Files – Smashing Magazine

admin — Fri, 05 Feb 2010 18:08:19 +0000

Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some generated content, which gives you, your clients and colleagues a simple visually oriented layout that illustrates what the structure of the website will be by the end of the project and that serves as the foundation for any future alterations.

This article focuses on actual wireframing tools and standalone applications, as well as resources that you’ll need to build your own wireframe: wireframing kits, browser windows, form elements, grids, Mac OS X elements, mobile elements, which you’ll use in any typical graphics editor such as Photoshop or Illustrator. …Or you could use pen and paper.

via 50 Free UI and Web Design Wireframing Kits, Resources and Source Files – Smashing Magazine.

10 Completely Free Wireframe and Mockup Applications : Speckyboy Design Magazine

admin — Wed, 13 Jan 2010 19:51:11 +0000

Every web designer and developer should have a good and reliable wireframe (mockup or prototype) tool at there disposal. The importance of such a tool differentiates amongst web designers and developers, some use them, some don’t. Personally, I use them. It is in this initial stage of development that makes web design enjoyable, the coming together of the clients needs and your own creative ideas onto a blank canvas, allowing you to plan effectively the visual arrangement of the sites content.

via 10 Completely Free Wireframe and Mockup Applications : Speckyboy Design Magazine.

geekchix.org – Ivana Jurčić – Lilit » Blog Archive » A Collection of Printable Sketch Templates and Sketch Books for Wireframing

admin — Wed, 13 Jan 2010 17:30:11 +0000

At the beginning of a web (or application) development project I always create the sketches first. While sketching can be done on a blank paper, it’s much better to use a sketch template. For me that is the best and most productive way to work on and improve my ideas before application development begins (and things get more complicated ). This way I won’t pay too much attention to some details that should be taken care of later, but stay focused on general layout and functionality.

via geekchix.org – Ivana Jurčić – Lilit » Blog Archive » A Collection of Printable Sketch Templates and Sketch Books for Wireframing.

Free Sketching & Wireframing Kit

admin — Tue, 29 Dec 2009 17:54:50 +0000

Sketching & Wireframing kit is a free set of elements for sketching and wireframing. It consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners.

The Kit comes in two vector formats, one for Adobe Illustrator and the other in SVG vector format that can be easily modified. It can also be downloaded in PDF and EPS formats. The kit is completely free, which means that you are allowed to use it for personal and commercial projects. You are not allowed redistribute it.

via Free Sketching & Wireframing Kit.

A Collection of Useful Web Design Wireframing Resources : Speckyboy Design Magazine

admin — Thu, 24 Dec 2009 13:56:40 +0000

Wireframing is one of the best parts of starting a new web design project. You have a blank canvas and you are allowed to let your creativity rein free. Your design may eventually be spoiled by the clients added input… but for that short time …

Anyway, today’s post is a collection of useful resources for web design wireframing, prototyping and mockups. There are templates for, possibly every browser in every size, there are form and button templates for all browsers and a hell of a lot more.

via A Collection of Useful Web Design Wireframing Resources : Speckyboy Design Magazine.