Freebie: Twitter GUI PSD
Updating your Twitter profile can give you really unnecessary headaches. In today’s post, we proudly present to you a Twitter UI GUI template, designed by Shelby White which has exclusively been released for Smashing Magazine and its readers. As usual, the theme is absolutely free to use in private and commerical projects.
Download the Template for Free!
The template is released as freeware. 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 template as you wish.
- Large Preview (.png)
- Download the .zip-package (zip, 0,4 Mb)
- release post on designer’s website
- download from the designer’s site
Behind the Design
As always, here are some insights from the designer:
“Time after time I dealt with the headache of updating my Twitter profiles. After searching thoroughly for an alternative to editing live, it was clear that there weren’t any great solutions or intentions by anyone to create a pixel-perfect template for anyone to use. Not to mention, a template that would remain up-to-date as the website evolved.
This PSD includes grouped elements by name respective of their location in the HTML of Twitter.com. The profile images utilize smart objects to ease the pain of changing images. Update the image once and it will proportionally scale the images across the whole PSD. Hope this template makes mocking up your profile a lot easier. Enjoy!”
Thank you, Shelby White. We appreciate your work and your good intentions.
(il) (vf)
Emiel Kwakkel
October 12th, 2011 4:43 amThanks, that will come in use! Nicely structured too.
Marian Fusek
October 12th, 2011 4:49 amMust have. Thank you.
Samuel
October 12th, 2011 4:52 amThank you Shelby and @smashingmag. I’ve been looking for this for a while now!
Shajed Evan
October 12th, 2011 6:35 amIt’s a good one. Thanks Shelby.
Kadir Selcuk
October 12th, 2011 6:35 amOutstanding!!!
Eugene
October 12th, 2011 6:38 amWhat’s up with dimensions, margins, etc? Check with screen shot of original twitter profile page.
Martin Alejandro
October 12th, 2011 7:33 amGreat work. Thank you for sharing.
David Stephenson
October 12th, 2011 7:54 amWell cool, thanks bud.
Scott
October 12th, 2011 8:36 amI don’t get it…what is this for? You talk about the “headache of updating my Twitter profiles”, what’s a Photoshop file got to do with that?
Also, WTF is a “UI GUI”? User Interface Graphical User Inferface? Huh?
Hoang
October 12th, 2011 9:10 pmYep, and who needs this when we can use this code:
javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0
and change everything on the website.
Dexter
October 12th, 2011 11:28 pmPlease do your homework first before posting silly questions like this.
Corey
October 26th, 2011 11:30 am@Dexter : I think it would have been a wise idea to explain the purpose of something like this within the article. Calling someone’s question ‘silly’ is arrogant and uncalled for.
Last I checked, there were no rules against questions here. I see them asked all the time.
Mitch McDeere
October 12th, 2011 1:29 pmHey, what’s Shelby’s home address? I’ll need it for the process serving, once it turns out that said designer had no authority to license twitter’s logo for “free and without any restrictions”.
Also, on a completely unrelated note, I have a whole mess of Twitter coffee cups for sale.
Josh McDonald
October 12th, 2011 5:35 pm@Mitch, according to Twitter’s guidelines, this is perfectly fine usage. Read more here:
https://support.twitter.com/entries/77641
Missy
October 12th, 2011 11:18 pmDoesn’t include the transparency of the sidebar. Do we know what transparency Twitter uses?
Geoffrey Gordon
October 13th, 2011 12:55 amBrilliant Shelby White
It would be nice if there was a fireworks version, can it be exported and converted?
exactlyhuman
October 13th, 2011 8:55 amthanks shelby!! and thanks sm, like always :)
Sergey
October 13th, 2011 2:48 pmCould somebody, please, explain how this template works? Is this a background for twitter?
Daryl Ginn
October 13th, 2011 7:52 pmI was literally searching for one of these 2 days ago, how typical!
Abhimanyu Rana
October 13th, 2011 8:34 pmthanx for sharing
Mufeed Ahmad
October 16th, 2011 12:11 amIt’s nice..
BMihaelll
October 17th, 2011 11:45 pmHi there, You have done a great job. I’ll definitely digg it and personally suggest to my friends. I am sure they’ll be benefited from this site. Cheers,
Jenna Jeng James
October 21st, 2011 6:19 amWhat a confusing post.
“Updating your Twitter profile can give you really unnecessary headaches. ”
Huh? And how does this helps? Please enlighten me since I’m sure the psd will come in handy to many people, but the opening line (and the whole post) is as lucid and coherent as a blogspam post in a blog catered to google adsense.
Danijel Gajan
October 23rd, 2011 11:37 pmThanks! Much appreciated :)
Tobi
December 1st, 2011 4:05 amSuper Life saver :) thanks