Our Blog
Palm Pre GUI PSD
We still love pitching iPhone ideas but the Palm Pre offers us another way to present ideas that connect our clients with their customers. In light of this fact, we put together another PSD to help our designers pitch and develop polished concepts using a tool their pretty familiar with, Photoshop.
It’s put together in a similar fashion to the iPhone PSD, in that the elements are built with vectors for easy editing and scaling. We tried to capture most of the common GUI elements but inevitably we’ll be updating this as we use it more ourselves.
Update: We’ve been asked to remove the zip file that included the webOS font Coconut. The updated PSDs require CS4 and their corresponding font.
Requires Coconut
PalmPre_GUI_1_0_Coconut.psd.zip (7.3MB)
Requires Avenir
PalmPre_GUI_1_0_Avenir.psd.zip (7.4MB)
Props to Matt Fukuda for suggesting we do this. Additional thanks go to Finn O’Hara for the photo.
This is fantastic, great work, guys!
[…] props to the team at teehan+lax for creating a Palm Pre template for us design […]
Just a note about this. Since the Pre is unavailable in Canada and the SDK is not freely available (it was leaked while we were working on this) we had to get creative. We found the OS out on the Web. Every OS element was in there in. We went through all of them and then recreated them in the PSD.
Matt Fukuda sent us a ton of screen shots from his Palm that helped us understand how standard UI widgets were being used inside the OS.
I have no use for this yet, but I love to look at it. Thanks.
[…] a cool one for all the designers and developers out there. Teehan+lax has released an awesome PSD file that contains the most common GUI elements found in webOS. Very […]
[…] a cool one for all the designers and developers out there. Teehan+lax has released an awesome PSD file that contains the most common GUI elements found in webOS. Very […]
Wonderful! Thanks! :)
[…] group teehan+lax has released a new GUI kit for webOS and the Palm Pre. The kit includes a nicely put together Photoshop PSD […]
[…] group teehan+lax has released a new GUI kit for webOS and the Palm Pre. The kit includes a nicely put together Photoshop PSD […]
This is great, thanks for the resource guys.
[…] na GUI pre Palm Pre tak isto v tomto formáte, grafici nech nasmerujú svoje prehliadače na web teehanlax.com. Archív ma vyše 7 MB, PSD po rozbalení 14 […]
[…] a cool one for all the designers and developers out there. Teehan+lax has released an awesome PSD file that contains the most common GUI elements found in webOS. Very […]
Is it always 4:20 at teehan+lax?
@Josh Only twice a day.
Well look at that… it’s 4:20 right now.
[…] Fuente Teenhanlax […]
You LIKE looking like you’re associated with dead end products?
The Pre is Palms last gasp before the sad slow death rattle begins.
In the end only two mobile platforms are worth talking about iPhone and the BlackBerry. They even hit the same segments as the two big OSes Windows and OS X. At home people want Apple (Mac/iPhone) at work they have to use Windows/BlackBerry. This is how it shall be for 4 more years.
[…] If you want to develop for the palm pre – here are some Palm Pre PSD design stencils […]
Beautiful work, guys.
Great work! Both Palm Pre GUI PSD and iPhone GUI PSD.
Actually, I was inspired by your idea and I created Android GUI PSD. Open-source community of Android deserve this. I added also phone illustration, because it is not any available out there. Take a look at http://www.matcheck.cz/androidguipsd/
Once more, wonderful work guys.
[…] – Kevin Suttle pointed me to Teehan+Lax’s Palm Pre GUI PSD. Check it out as well. 08.03.2009 2 comments Cool ToolDesign 2 […]
Hey guys how do I install this on my pre?
Very nice indeed. I’ll use this to customize my TouchHD till i get my hands on a Treo.
[…] Descarga: http://www.teehanlax.com/blog/?p=1675 […]
[…] – Palm Pre GUI PSD (Teehan+Lax) […]
@Dave
Speak for yourself. I know plenty of people who are disenchanted with the iPhone and are looking for alternatives.
WebOS apps are made with simple Webkit HTML, CSS and images, nothing else. The “Style Matters” app from the Pre SDK shows how every possible OS UI control is built with HTML, CSS and images. It’s presumably much quicker for designers to simply work with the WebOS HTML and CSS than pixel push in Photoshop. That is, assuming the designer knows basic HTML and CSS, which most should.
For example, if you want to change the size of a dozen “scenes” in a Photoshop file is it very time consuming. You have to find all the text layers and change them one by one. If you mock up ideas using the WebOS HTML and CSS your font size controlled by a single CSS property. POOF! What takes 10 minutes in Photoshop takes 10 seconds in CSS.
http://developer.palm.com/index.php?option=com_content&view=article&id=1630
Anyway, I love you guys and love the iPhone template you made : )
[…] Descargar | Tamaño: 7.3MB […]
Thanks
Nice post!
Looking great. Nice work. How about a Blackberry UI interface version?
[…] The fact that the design community responded by celebrating our efforts with a ton of praise, actually motivated us to continue building more helpful tools like the Palm Pre GUI PSD. […]
Looks great! This is a great tool. Nice post!! again.
[…] your own iPhone Application or Palm Pre Application? Teehan+Lax has put together iPhone GUI PSD and Palm Pre GUI PSD to help designers pitch and develop polished concepts using a tool their pretty familiar with, […]
[…] Teehanlax has comes with Graphical User Interface PSD for designing or developing your own iPhone Application or Palm Pre Application. This help designers pitch and develop polished concepts using a tool their pretty familiar with, Photoshop. The elements are built with vectors for easy editing and scaling. […]
[…] la peine de reproduire les composants de bases des OS mobiles que voici rien que pour vous : iPhone, Androïd et Palm […]
[…] Link: http://www.teehanlax.com/blog/2009/07/08/palm-pre-gui-psd/ […]
[…] Link: http://www.teehanlax.com/blog/2009/07/08/palm-pre-gui-psd/ […]
Where can i get my hands on the Coconut font which has been removed from the PSD package?
@influenceuk I don’t think it’s commercially available since Palm commissioned it. I think we got it by doing some Googling.
[…] Palm Pre GUI PSD (Photoshop CS4) […]
[…] Palm Pre GUI PSD | Teehan+Lax We still love pitching iPhone ideas but the Palm Pre offers us another way to present ideas that connect our clients with their customers. In light (tags: ping.fm) […]
[…] Pre GUI PSD Teehan+Lax has released Palm Pre GUI PSD to help designers pitch and develop polished concepts using a tool their pretty familiar with, […]
[…] found a cool PSD for the Palm Pre released by teehan+lax. Its an awesome PSD file that contains most of the common GUI elements that are available in webOS. […]
Thank you so much! You guys rock!!