User Interface stencils
The page title, page file name and page description area labels are editable. I added an example of how I use this stencil. Feel free to use as you like though.
Need to add a Creative Commons badge to a layout? This stencil has them all!
Using the open-source "Bitstream Vera" font set and free icons from FamFamFam, you should have most of your common web page elements covered, including headings, form elements, content management function, image placeholders, etc.
Just a variety of line styles and colors, ready-made. Customize this with your favorite line-styles.
Much interface design at Omni has started with a quick mockup in OmniGraffle. Here's the stencil I've been building, adding elements as I need them. Most designs start with an existing screenshot, with swatches of controlColor over things we need to get rid of, and layers of new controls on top of that. Clearly there are lots...more
Block diagrams are simpler process diagrams that are used to depict online processes. One diagram represents one process, for instance, registration. Block diagrams can be used to very quickly define how a certain task or process is completed online. The diagram depicts each step in the process with all the pages and...more
User interface elements for the Windows operating system, in case you have to design an interface where Aqua widgets are considered a strange and mysterious concept, and licking them is totally out of the question.
Edward Anastas has put together a handy stencil composed of often-used elements in HTML and web page forms: radio buttons, checkboxes, combo boxes, entry fields and text areas. Nice looking and Aqua, to boot.
We make flow maps daily to visually represent how users move through a system. We find that maps which depict screens and the results of user actions from those screens are easier for our clients to understand than the long text-heavy documents usually produced during the definition phase of most large web site projects. Most...more