Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Wireframe’

As the popularity of Android rises and more applications are being built for the platform every day, the number of development-related questions increase as well.

Android Patterns is a website which aims to bring a solution to the design-related questions by sharing widely-accepted answers (patterns) for them.

Android Patterns

The patterns are demonstrated in a wireframe and provided with descriptions of when and when not to use them, the pros/cons and screenshot examples.

There are main categories like "Dealing With Data" or "Navigation" and many sub-categories (questions under each).

P.S. If you have patterns that you want to share with others, it is possible to submit them as well.

For many, wireframes are a part of the design process as they help a lot when thinking and discussing on a design.

Wirify is a bookmarklet which reverses the standard process and converts any given web page into a wireframe.

Wirify

With the help of jQuery, it calculates the dimensions of the elements in the page and displays them "wirified".

It is a handy resource for quickly stepping back and seeing the big picture without all the details.

Every web designer can follow a different route when sketching the output. It can be an image in the mind, created with a software, drawn with hand on a paper, etc.

Whatever your choice is and even if paper sketching is not your best option, it can still be needed for anyone (while discussing with a client, sketching offline and instantly..).

Paper Browser

Paper Browser is a set of PDF files that look like a browser which can be used for sketching easily once they are printed.

There are 2 different sets:

  • Quick sketch: proportionally scaled to 1024x768px and subdivided into width sections (800, 960, 1024)
  • Browser sketch: canvas is 1024x768px minus the height of the browser toolbar and status bar with 32*32px grids.

They both come with landscape and portrait versions.

Fuel Your Interface, a blog focused on UI design, is presenting a free web-design UI wireframe kit.

The kit comes as a .PSD file which is completely built with shape objects (in some cases converted into SmartObjects).

It includes the most frequently web design objects like buttons, forms, pagination, tabs, breadcrumbs & much more.

Web UI Wireframe Kit

Uptime Robot
feed-holder
FeedBurner
  • aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter
  • PSD to HTML
  • ManageWP
    PSD to HTML