brainiacsatwork.com

Here is a series of GUI frameworks collected from various sources to help in visualising product and user interaction flow.

Mostly in Photoshop and OmniGraffle stencils (which can be extracted into EPS or Illustrator formats), these frameworks are quite useful when planning some sort of product schematic and features.

Advice for non-designers: One way I can recommend how these can be used is by exporting individual UI items into transparent PNG so that you can drag and drop them into your favourite compositing software (like Powerpoint) to do fast, quick visualisations. UI designers as usual, have the luxury of using these frameworks any way warranted to achieve the goal.

I may also have missed many more framework links. If so, please feel free to comment in. I’ll update soon as I get them.

iPhone User Interface Frameworks

iPhone GUI #1 (source: Teehanlax)

iPhone GUI #2 (source: SwissMiss)

Graffletopia iPhone GUI stencils for OmniGraffle (source: Graffletopia)

Ultimate iPhone Stencil for OmniGraffle (source: Graffletopia)

The Ultimate iPhone User Interface Gallery (source: Engadget)

Mobile Phones User Interface Framework

General Mobile Stencils for OmniGraffle (source: Graffletopia)

Mobile Device Wireframe for OmniGraffle (source: Graffletopia)

Google Code Mobile iUI (source: Google Code)

Steal This Template UI framework (source: Little Springs Design)

• Symbian Still Leads in Mobile OS Usage
• Web Design 101: When Imitation Isn't At All Flattery
• Future of Marketing in Social and Location Based Services
• Draftfcb SEAsia Digital Workshop: Trends for 2010
• 10 Popular Websites That Went Through Redesigns in 2009
• Ikea Turns Its Catalog Into an iPhone App
• 12 Branded iPhone Apps Worth Mentioning
• My oh my, really really beautiful. 21 popular brands website designs.
• From my Feeds: Web Sites for Web Design Inspirations
• hello (A Carsonified App)