Web Development and Design Magazine » Wireframe

Rapid, Interactive Prototyping for Your Web, Desktop, and Mobile Apps: Indigo Studio

Saif — Wed, 13 Mar 2013 06:22:40 +0000

Indigo Studio is a free prototype tool which lets you quickly create functional, animated UI prototypes while maintaining the focus on user experience at every step.

Whether you’re a designer without developer skills, a developer without design resources, or anyone with a great idea – you can design storyboards in real-world context, quickly prototype application design interactions that integrate with your storyboards, annotate those designs, and share your best designs with team members and key stakeholders.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Free Font For Quick Mock-ups And Wireframing: BLOKK

Saif — Fri, 22 Feb 2013 08:04:56 +0000

BLOKK is a free font for mockups and wireframes. It helps you create good looking mock-ups and wireframes, where layout is more important than latin words.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Mockup / Wireframe Your Mobile and Web Applications: Mobjectify

Shahbaz Saleem — Tue, 03 Jan 2012 09:08:41 +0000

Mobjectify simplifies the task of getting up a quick mockup of your mobile website or webapp.

Use the bundled widgets, to generate a prototype for your site in just a few minutes. Which means you can experiment with actually running designs rather than paper layouts or wireframes.

No knowledge of coding in HTML or Javascript is required, but all your designs are styled using jQuery Mobile which means you can always build up to complex feature rich applications.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Wirify Lets You Convert Any Web Page Into A Wireframe

Saif — Fri, 24 Dec 2010 08:31:06 +0000

A Wireframe is an important visualization technique for presenting proposed functions, structure and content of a web page.

A wireframe separates the graphic elements of a web page from the functional elements, to visualize and explain how users will interact with the web page.

Wirify is a bookmarklet that lets you convert any web page into a wireframe in one click. It converts all of the elements on a web page to gray boxes, so you can visualize the page as a schematic without content.

Special Downloads
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Quick Website Wireframing With Web Wireframe Kit

Saif — Sat, 11 Sep 2010 06:18:21 +0000

Web Wireframe Kit is a PSD file with a collection of common design elements for wire-framing. It comes in two colors: Black and White, a handy and time-saving tool for web designers.

Vector Icons for Multi touch Screen Interfaces – Gesturecons

Saif — Wed, 03 Mar 2010 07:56:16 +0000

Gesturecons, free vector icons created for multi-touch screen interfaces to aid in the design, development and implementation. Gesturecons can help in the creation of wireframe documents, digital help files and printed documentation.

As these are scalable vector shapes so you can use your imagination to create your own shapes by swapping the symbols. These icons can be edited in any vector graphics software.

This Free vector Icon set can also be used inside of your applications in order to demonstrate to users how to complete actions or prompt them to interact with an application when they approach it.

Download: http://gesturecons.com/

Online Collaborative Drawing Tool Specially for Designers

Saif — Mon, 01 Feb 2010 09:23:25 +0000

FlockDraw is a seamless real-time online collaborative drawing tool. This online drawing tool simply saves your lot of time. You don’t need to go for the professional software like Photoshop for basic wireframes and minor drawings to show your clients or friends.

The good thing in this online drawing tool is; you can share your drawings in real-time. It means while you create a drawing; the person on the other end can collaborate on certain drawing.

Website: http://flockdraw.com/

Free Wireframing, Sketching & Design Resources for Designers

Saif — Sun, 10 Jan 2010 12:00:21 +0000

Free Yahoo Design Stencil Kit

Yahoo Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG).

Download Yahoo Design Kit

iPhone PSD Vector Kit

iPhone Starter Kit, a set that comes with several button elements as well as six different iPhone interface options. This pack may be useful for mobile developers and front-end designers who need a professional way to show mock-ups to clients or to work out ideas.

Download iPhone PSD Vector Kit

Free iPhone GUI Elements

Download this free iPhone GUI elements. All iPhone graphics are layered Photoshop files.

Download iPhone GUI Elements

Free Photoshop Buttons

Free photoshop button templates for your professional screendesign come in 32 different button styles, 8 different base colors to start from and are optimized for ease-of-use.

Download Free Photoshop Button Templates

Browser Form Elements PSD

Download Browser Form Elements PSD

Free Browser Screens and Website Elements

It’s a useful set of free vector website assets you can use to mock up your client projects, present your work, or get a quick visual while laying out websites.

Download Free Browser Screens and Website Elements

Free PSD Web Icons

Free PSD web icons pack available for download.

Download PSD Web Icons

Free Photoshop Form Elements

Free photoshop form element templates for your professional screendesign include all common standard form fields , mouse and link pointer and are optimized for ease-of-use.

Download Free Photoshop Form Elements

Free Sketching & Wireframing Kit

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.

Download Sketching & Wireframing Kit

Free Wireframe Stencils

This DIY magnet template is based on the Konigi wireframe stencils and includes 3 sheets of elements that might be useful in whiteboard prototyping. Simply download and print the PDFs onto magnet sheets, optionally laminate them if you intend to use with dry-erase markers, and finally cut them out.

Download Free Wireframe Stencils