Updating your Twitter profile live is silly. Change, save, refresh. Change, save, refresh. 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 stay 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.
This template was built closely to Twitter’s current layout as of August 2011. You can download this template below. Please share the PSD with others. Hope this template makes mocking up your profile a lot easier, enjoy!
Version 1.2 PSD update changes:
• Added Twitter’s new “Recent Images” section to sidebar of profile
• Updated alignments of “Similar to you” section
Version 1.1 PSD update changes:
• Profile image uses smart objects: replace once and changes all in psd (Update thanks to Scott Benish)
• Added Verified badge icon to PSD
Twitter UI Photoshop Psd (4.9 MB) | Version 1.2 Last updated on August 28th, 2011