Facebook GUI free PSD resource

Facebook developers already have a useful info on Facebook components documentation, i.e., they count on Facebook FBML wiki as reference.

Thinking of designers and, of course, ourselves as designers, we made a Facebook Graphic User Interface (FBGUI) resource kit for Photoshop to make our work easier.

The purpose is to speed up Facebook interface design, sparing you from drawing all the comps and letting you customize all the texts, buttons and data as you need.

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. Cannot forget to mention all the modal components, comment boxes, buttons, message boxes, tabs, etc.

Needless to say, all the components are full layered, built using vectors and blending options, so that scaling and editing the objects will not be a problem for the designer.

We’re sure we’ll notice lots of missing elements and will keep updating

So, feel free to share and use at will. Also feel free to send us a feedback to help us improve it with something we haven’t thought earlier.

I’d appreciate it if you let others know about the PSD if you download it. Tweet this or blog it. Thank you!

Cheers!

Share and Enjoy:

Tags: Design
Posted in Design |

26 Responses to “Facebook GUI free PSD resource”

Amila Said on May 1st, 2010 at 7:20 pm

Thanks a lot for sharing , useful stuff. saved me at least few days of my work!

Philipp Said on May 9th, 2010 at 9:32 am

Thanks. Great work.

Manop Sujaritpinij Said on June 13th, 2010 at 4:31 am

Thanks. good stuff!

Facebook / Twitter FREE PSD Tempalte - Hidden Pixels Said on July 12th, 2010 at 6:41 am

[...] Facebook GUI free PSD resource [...]

Beatriz Said on July 15th, 2010 at 5:23 am

Woww! Thanks God I mean, Thank you! =)

shay Said on July 16th, 2010 at 2:29 am

many many thanks for this :)

Gerr Said on July 21st, 2010 at 6:42 am

Holy sh1Tballs, this is hot stuff! Didn’t know jack about FB apps till about 10 mins ago, and here I trip over this amazing resource.

Thanks guys, putting you on the list for Sainthood

Facebook GUI (.psd) & Facebook Application (Omnigraffle) | blogfreakz.com Said on July 21st, 2010 at 10:33 pm

[...] GUI (.psd) : http://surgeworks.com/blog/design/facebook-gui-free-psd-resource Facebook Application (Omnigraffle) : [...]

Colorizate Said on July 22nd, 2010 at 10:12 am

great work

Free Facebook GUI PSD Kit - Smashing Magazine Said on July 23rd, 2010 at 10:11 am

[...] (.png, 0.72 Mb)download the .zip-package (zip, 6.5 Mb)alternative download link (zip, 5.1 Mb)release on the developer’s pageFeaturesThe PSD set consists of 3 PSD files:Facebook-GUI.psd contains all Facebook UI [...]

Free Full Layered Facebook GUI PSD Kit | Said on July 23rd, 2010 at 10:49 am

[...] release on the developer’s page [...]

Free Full Layered Facebook GUI PSD Kit | Web Design Cool Said on July 23rd, 2010 at 10:56 am

[...] release on the developer’s page [...]

Free Full Layered Facebook GUI PSD Kit – Smashing Magazine « webbuzz Said on July 23rd, 2010 at 12:07 pm

[...] release on the developer’s page [...]

Sildor Said on July 24th, 2010 at 6:58 am

Thanks, good work.

Senthil Said on July 27th, 2010 at 12:20 am

Thanks a lot gr8 stuff…..very very use full

Alejandro Said on July 27th, 2010 at 9:02 am

Muchas gracias!, muy útil!

Ulrika Hall Said on July 31st, 2010 at 12:57 pm

Thank you very much fore sharing!

facebook blog Said on July 31st, 2010 at 11:20 pm

amazing article,i love this site..,…,now i can make facebook design and code to my application and my page,this is my fan page:http://www.facebook.com/pages/Jakarta-Indonesia/FaceeeeeeeeeeBoooook-Blog/380660545049