A UI Design and Prototyping Treasure Chest

By / Dec 23, 2009 / Freebies
shares

When designing a user interface there are always times that you will find yourself using the same graphical element over and over. So in order to be more productive, it’s a good idea to keep a library of common elements such as form elements, buttons, icons, browser templates, and windows. Having these close by will save time and speed up your design and prototyping work flow. Here is a collection of these types of elements that should be a big help to you.

Browser Templates For The Website / Web Application Designer

ui design

WEB UI Treasure Chest v 1.0

ui design

Webdesigner kit

ui design

Turquoise PSD

ui design

Vector Pack: Browser Screens and Website Elements

ui design

Browser Form Elements PSD

ui design

iPhone GUI PSD 3.0

ui design

iPhone GUI PSD 3.0

ui design

OmniGraffle Wireframe Stencils

ui design

Web Form Elements Vol.2

ui design

21 Best Icon Sets for Designing Web Apps

ui design

OmniGraffle Wireframe Stencils

ui design

Web Form Elements

ui design

Windows 7 Taskbar .psd

ui design

Windows 7 Window PSD

ui design

Web Browser Elements

ui design

Yahoo! Design Stencil Kit version 1.0

ui design

Quommunication Starter Kit

ui design

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

41 Comments

  1. Sam Harding
    December 23, 2009

    Cool round-up. Stuff like this keeps me sane =)

    Reply
  2. Mike
    December 23, 2009

    Great Post! I found a few things to download I didn’t already have.

    Reply
  3. Dan
    December 23, 2009

    That’s awesome. Thanks so much, guys- you have no idea how much time this will save me.

    Reply
  4. sniperyu
    December 23, 2009

    thnx for featuring my work here … TWICE :)

    cheers
    m.

    Reply
  5. Aftab Khalid
    December 23, 2009

    Great post of ending 2009 i like it, here is all stuff which is designers basic need… thanks a lot for sharing Henry you are the great. :)

    Reply
  6. Joanna
    December 23, 2009

    It’s crazy how many useful tools there are out there – never used any form generators, but now I just might. Many thanks.

    Reply
  7. Dzinepress
    December 24, 2009

    really useful stuff for designers you sharing some creative treasures.

    Reply
  8. Arcnerva
    December 24, 2009

    Amazing roundup, thanks.

    Reply
  9. Babs
    December 24, 2009

    thanks! I also find this very usefull, it’s a wireframing tool that allows for pencil sketch styles mockups, as well as a Mac and Windows style mockup: http://iplotz.com/

    Reply
  10. bakoma320
    December 24, 2009

    really useful stuff for designers you sharing some creative treasures.

    Reply
  11. naveed
    December 24, 2009

    amazing stuff very usefull and comes in real handy for daily projects :)

    thanks for sharing

    Reply
  12. web2000
    December 24, 2009

    Useful roundup – bookmarked!

    Reply
  13. Peter
    December 24, 2009

    very useful for freelancer…thanks man :)

    Reply
  14. webb
    December 24, 2009

    I am definately bookmarking this page.

    Reply
  15. h1brd
    December 25, 2009

    Been using some of this resources for awhile and can’t live without them anymore. Awesome material to have always saved and ready to use in new projects. Everyone should gather their favorites and make their own “treasure chest” ;)

    Reply
  16. Probanden
    December 26, 2009

    Thank you for sharing this great collection. It’s very useful. Bookmarked this website. ;-)

    Reply
  17. Chuck
    December 26, 2009

    Wonderful post! This should be a valuable resource to most of us web designers :)

    Reply
  18. Argo
    December 26, 2009

    You are AWESOME! Thank you so much.

    Reply
  19. Adam Hermsdorfer
    December 27, 2009

    Those icons are $! I’m really impressed with the Yahoo stencil kit. Its a solid set.

    Reply
  20. Smashing Share
    December 28, 2009

    amazing stuff here

    Reply
  21. Vijay
    December 28, 2009

    This is AWESOME….!!!

    Reply
  22. Junior Santos
    December 28, 2009

    This is already in my Delicious.
    Very cool!

    Reply
  23. Matthew Aebersold
    December 28, 2009

    Wonderful resource, definitely saved this one…

    Reply
  24. Danielle
    January 5, 2010

    Are these free for commercial use?

    Reply
  25. vysaghsekhar
    January 7, 2010

    cool.. gr8 resource thanks.. :)

    Reply
  26. pallieter
    January 11, 2010

    a most useful resource, saves lots of time!

    Reply
  27. Ahmed
    January 11, 2010

    Very Very Nice, Thanks .

    Reply
  28. Lisa [@soapboxdesign]
    January 11, 2010

    Fantastic resource – thanks for putting this together..!

    Reply
  29. Drew Binkley
    January 11, 2010

    Wow! This is a great collection. Thanks for putting it together.

    Reply
  30. Darc Vanilla Design
    January 12, 2010

    Very useful article! Thanks a lot

    Reply
  31. wien
    January 14, 2010

    great post, thanks to sharing

    Reply
  32. Yasir
    January 19, 2010

    Thanks for share this great resource.

    Reply
  33. Deepika
    January 25, 2010

    For one of my clients, I was required to design product for Windows-7. The sources files for windows 7 here were real helpful. Thanks for it!

    Reply
  34. Chilukuri Bhaskar
    February 18, 2010

    useful for UI Designing Thanks mate

    Reply
  35. Xcellence IT
    February 25, 2010

    Awesome Collection..

    Thanks for sharing

    Reply
  36. Thomas Craig Consulting
    March 12, 2010

    Great resources, thanks for sharing.

    Reply
  37. 10 Excellent Tools for Creating Web Design Wireframes | Tools
    March 30, 2010

    [...] = 'bit.ly'; When starting a new web design project, it’s always a good idea to begin with a wireframe. The purpose of a wireframe is to communicate the layout of a page without getting caught up in [...]

    Reply
  38. Pierre Foucart
    April 13, 2010

    WOW. That’s some bad ass pattern design listing you’ve got there: Delicioused!

    Reply
  39. Кирилл
    June 2, 2010

    Thank you for sharing this great collection. It’s very useful. Bookmarked this website.

    Reply
  40. Maverick
    November 4, 2011

    wow, these are just awesome and very useful… thanks a ton for putting all these in one place :)

    Thanks

    Reply
  41. mike
    May 1, 2012

    I’m after a windows 7 user interface in Photoshop… Anyone know where I would get it?

    Reply

Leave a Reply