Mockups: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
==Creating UI Mockups of Firefox== | |||
===Welcome to Open Source UI Design=== | |||
Want to join Mozilla's User Experience team as a open source contributer? Here are all the tools we use to create user interface mockups of Firefox: | |||
===OmniGraffle=== | |||
Most of our mockups are created using [http://www.omnigroup.com/applications/omnigraffle/ OmniGraffle], a diagramming application for OS X. | |||
If you don't have OmniGraffle, or are on a different platform, you can still download the stencil images and use any [http://www.gimp.org/ image editor] to create your mockup. | |||
===Stencils=== | |||
These stencils are regularly improved, so check back to see if a new version is available (last updated 5/25/07). | |||
* Vista Aero Widgets | |||
** [http://people.mozilla.com/~faaborg/files/mockupStencils/aero.gstencil.zip OmniGraffle Stencil] | |||
** [http://people.mozilla.com/~faaborg/files/mockupStencils/aero.png PNG] | |||
* Mockup Elements | |||
** [http://people.mozilla.com/~faaborg/files/mockupStencils/mockupElements.gstencil.zip OmniGraffle Stencil] | |||
** [http://people.mozilla.com/~faaborg/files/mockupStencils/mockupElements.png PNG] | |||
==Where to Contribute your Design Work== | |||
After you've created your UI mockup, there are a variety of places you might want to post it: | |||
* [https://labs.mozilla.com/forum/ Mozilla Labs Forums] | |||
* [http://groups.google.com/group/mozilla.dev.apps.firefox mozilla.dev.apps.firefox] | |||
* [http://wiki.mozilla.org wiki.mozilla.org] | |||
* [https://bugzilla.mozilla.org/ Bugzilla] | |||
==Questions== | |||
If you have any questions about creating UI mockups with these stencils, or are looking for an area of the Firefox UI that you could potentially contribute on, please feel free to contact [[User:Faaborg|Alex Faaborg]] at http://people.mozilla.com/~faaborg/files/20061027/faaborgAtMozilla.jpg | |||
Revision as of 00:16, 26 May 2007
Creating UI Mockups of Firefox
Welcome to Open Source UI Design
Want to join Mozilla's User Experience team as a open source contributer? Here are all the tools we use to create user interface mockups of Firefox:
OmniGraffle
Most of our mockups are created using OmniGraffle, a diagramming application for OS X.
If you don't have OmniGraffle, or are on a different platform, you can still download the stencil images and use any image editor to create your mockup.
Stencils
These stencils are regularly improved, so check back to see if a new version is available (last updated 5/25/07).
- Vista Aero Widgets
- Mockup Elements
Where to Contribute your Design Work
After you've created your UI mockup, there are a variety of places you might want to post it:
Questions
If you have any questions about creating UI mockups with these stencils, or are looking for an area of the Firefox UI that you could potentially contribute on, please feel free to contact Alex Faaborg at 