The creation of a mock-up is en essential part of the web design process. An initial, non-interactive visualization of your design will help you to improve on your ideas. Furthermore, mock-ups are an absolute must when working with clients or a larger team. Enter Yahoo's Design Stencil Kit, which makes the process easier by providing a number of ready-made user interface components, meant specifically for the rapid creation of mock-ups.

 

From the project's webpage:
Yahoo! Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe
Illustrator (PDF and SVG), and Adobe Photoshop (PNG), and covers the following topics:

  • Ad Units
  • Calendars
  • Carousels
  • Charts and Tables
  • UI Controls
  • Form Elements
  • Grids
  • Menus and Buttons
  • Mobile - General
  • Mobile - iPhone
  • Navigation and Pagination
  • OS Elements
  • Placeholder Text
  • Screen Resolutions
  • Tabs
  • Windows and Containers

 

The stencil kit is part of Yahoo! Design Pattern Library, which offers many optimal solutions to common web design and development tasks.

Reply

The content of this field is kept private and will not be shown publicly.
  • Lines and paragraphs break automatically.
  • Flash can be added to this post.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options

To prevent automated spam submissions leave this field empty.