Free Full Layered Facebook GUI PSD Kit

Advertisement

In this post we release a free Facebook GUI PSD Kit, designed by SurgeWorks1 and released for Smashing Magazine and its readers. The main idea behind the kit is to speed up the prototyping of Facebook application UIs and Facebook fan pages, thus sparing you from drawing all the comps and letting you customize all the texts, buttons and data as you need. As usual, the kit is free to use in all projects, without any restrictions.

The kit brings the Facebook vector icon and logo. Also, since the focus of this resource are the UI elements, it brings a main window with the header, menu and the chat window for you to set up your realistic mock-ups. Plus all the modal components, comment boxes, buttons, message boxes, tabs, etc. All the components are full layered, built using vectors and blending options, so that scaling and editing the objects will not be a problem.

Download the set for free!

The theme is released under Creative Commons. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the kit as you wish.

Screenshot2

Features

The PSD set consists of 3 PSD files:

  • Facebook-GUI.psd contains all Facebook UI elements;
  • Facebook-App-Authorization-Request.psd and Facebook-App-Template.psd contain the basic structure for Facebook applications design.

Facebook-App-Authorization-Request7
Facebook App Authorization Request (large view)8

Facebook-App-Template9
Facebook App Template (large view)10

Features11
Features (large view)1612

Features13
Features (large view)14

Features15
Features (large view)1612

Thank you, guys. We appreciate your work and your good intentions!

Footnotes

  1. 1 http://surgeworks.com
  2. 2 http://www.smashingmagazine.com/wp-content/uploads/uploader/images/facebook-gui-psd-kit/full_preview.png
  3. 3 http://www.smashingmagazine.com/wp-content/uploads/uploader/images/facebook-gui-psd-kit/full_preview.png
  4. 4 http://www.smashingmagazine.com/wp-content/uploads/2010/07/facebook-gui-psd-kit.zip
  5. 5 http://media.libsyn.com/media/surgeworks/facebook-gui-psd.zip
  6. 6 http://surgeworks.com/blog/design/facebook-gui-free-psd-resource
  7. 7 http://www.smashingmagazine.com/wp-content/uploads/2010/07/Facebook-App-Authorization-Request.png
  8. 8 http://www.smashingmagazine.com/wp-content/uploads/2010/07/Facebook-App-Authorization-Request.png
  9. 9 http://www.smashingmagazine.com/wp-content/uploads/2010/07/Facebook-App-Template.png
  10. 10 http://www.smashingmagazine.com/wp-content/uploads/2010/07/Facebook-App-Template.png
  11. 11 http://www.smashingmagazine.com/wp-content/uploads/2010/07/zoom01.png
  12. 12 http://www.smashingmagazine.com/wp-content/uploads/2010/07/zoom01.png
  13. 13 http://www.smashingmagazine.com/wp-content/uploads/2010/07/zoom02.png
  14. 14 http://www.smashingmagazine.com/wp-content/uploads/2010/07/zoom02.png
  15. 15 http://www.smashingmagazine.com/wp-content/uploads/2010/07/zoom03.png
  16. 16 http://www.smashingmagazine.com/wp-content/uploads/2010/07/zoom01.png

↑ Back to top Tweet itShare on Facebook

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex performance problems in large companies. Get in touch.

Advertisement
  1. 1

    Thanks a lot, It is a great help.

    0
  2. 102

    Great! Thanks for sharing.

    3
  3. 203

    How i can find a wireframe for facebook to work on balsamiq?

    2
  4. 304

    Renato Carvalho

    July 27, 2010 2:21 am

    Philip, could you please specify what is out of date?

    Maybe if you help letting us know what is out of date we could help to keep up to date. But without contributing is not going to help ;) Cheers

    0

↑ Back to top