iPhone GUI PSD

Geoff Teehan
Aug 19 320

iphone_gui.jpg


Over the past few months we’ve had to create a few iPhone mock ups for presentations. The problem we’ve encountered is the lack of resources to help us design something efficiently. Up until now we’ve used a nice PSD from 320480.com but we still found ourselves having to build out additional assets or heavily modifying bitmap based buttons and widgets.

Since we know we’ll be doing more of this, we created our own Photoshop file that has a fairly comprehensive library of assets – all fully editable.

Download it here: iPhone_GUI.psd.zip (7.3MB)

Version 1.3 now available

  • Addition of confirm dialog
  • Addition of 3G icon in top bar
  • Addition of SMS screens – including small and large “To:” and “Message Fileds”
  • Larger canvas to account for additional elements
320

Comments

Aug 20 10:12 am
Looking to mockup an iPhone GU… | Jeremy Bell said:

[...] Aug 20 Looking to mockup an iPhone GUI in photosthop? Yeah, we’ve got what you need right here: http://www.teehanlax.com/blog/?p=447 [...]

Aug 20 11:21 am
TwentyThreeSeven » Blog Archive » iPhone UI Elements PSD said:

[...] teehan+lax helps out the iPhone app developer in you with a handy PSD containing all the essential iPhone UI elements. [...]

Aug 20 12:08 pm
Make Perfect iPhone Mockups (We Can’t Help With The Actual App) said:

[...] If you’re looking to mock up an iPhone app during the design or coding process, a good place to start is the fully editable PSD file on teehan+lax that includes samples of most element. [...]

Aug 20 12:12 pm
Jason Calleiro said:

This is great. Thanks!

Aug 20 12:25 pm
Make Perfect iPhone Mockups (We Can’t Help With The Actual App) | aboutCREATION said:

[...] If you’re looking to mock up an iPhone app during the design or coding process, a good place to start is the fully editable PSD file on teehan+lax that includes samples of most elements. [...]

Aug 20 12:48 pm
Sasha Pave said:

Thanks! Super rad.

Aug 20 12:54 pm
Jason Kolb said:

Did you guys use the Yahoo stencils for this?

Aug 20 12:55 pm
DesignNotes by Michael Surtees » Blog Archive » Clean iPhone psd template said:

[...] Not sure if the fact that I’m traveling is influencing the number of iPhone blog posts or not – but when I found the above psd layered file I thought it was worth mentioning. It’s a pretty clean psd w/ a number of layers which is nice. Just as a quick example I threw some of my sky pics into the window. Download the psd from teehan+lax at http://www.teehanlax.com/blog/?p=447 [...]

Aug 20 1:00 pm
Tim said:

Thank you so much. Much appreciated. I’ll be using this to create mockups for an app I’m planning on dev’ing.

Aug 20 1:01 pm
Geoff Teehan said:

@ Jason Kolb: We didn’t use the Yahoo stencil, though I see it has some additional elements we should recreate for the PSD.

Aug 20 1:03 pm
PXLated said:

Thanks!!!
Was just about to start an iPhone mockup, timing couldn’t be better.

Aug 20 1:12 pm
MacDeveloper said:

Very cool and even cool of you to post it for everyone. Way to go on the act of kindness!

Aug 20 1:19 pm
Daniel Burka said:

Thanks guys. I’ve been hacking up GUI elements from flat files… this is a big help.

Aug 20 1:22 pm
Teevio said:

FYI, from what I’ve gathered, graphics for iPhone applications need to be set to 160ppi. Do you think you could recreate this at 160ppi instead of 72?

Aug 20 1:22 pm
Diogo Matias said:

Hello and thanks for sharing this wonderful resource with the community.

I’ve featured you in my blog.

Aug 20 1:25 pm
Chance said:

Do you guys have any insight on what resolution to design for when designing custom interfaces for the iPhone. I’ve searched and searched, and to the best of my knowledge we should be designing for 320×480 at 160ppi. Any input on this as your file is only at 72ppi?

Thanks for sharing,
Chance

Aug 20 1:44 pm
Geoff Teehan said:

Re: 160ppi vs 72ppi
Good point, we’ll update the PSD so it’s set to 160ppi. That said, I don’t think much will really change other than the document width and height in inches. The pixel dimensions need to remain the same since the iphone screen size needs to remain at 320×480.

Aug 20 1:53 pm
iPhone Design Templates | ShaunGish.com said:

[...] Teehan+lax just posted an iPhone mockup design kit psd file that contains almost everything you’d ever need to put together a good lookup design to land that much need funding for your iPhone killer app.  Now if Adobe would just get around to implementing Objective-C we wouldn’t need the iPhone SDK at all… [...]

Aug 20 1:54 pm
Don C said:

Hi guys,

You did a wonderful job on your template. I too wanted to use vectors, but I just haven’t had time to develop more of the template. Yours looks very good.

Thanks for providing free tools to the design community.

DC – http://www.320480.com

Aug 20 1:58 pm
GUI PSD för iPhone (MacLoopen) said:

[...] iPhone GUI PSD [...]

Aug 20 2:01 pm
Technology news - Make Perfect iPhone Mockups (We Can’t Help With The Actual App) said:

[...] Source:TechCrunch If you’re looking to mock up an iPhone app during the design or coding process, a good place to start is the fully editable PSD file on teehan+lax that includes samples of most elements. No more excuses for sending us iPhone app ideas that look like hell. Just grab any five elements from the screen and create a couple of screen captures that back up all the crazy promises you’re making to everyone within earshot. [...]

Aug 20 2:19 pm
Ryan said:

Thanks, just what I needed for my office!

Aug 20 2:29 pm
MrDeal said:

Thx. This will save some time for the mobile version of our deal engine.

Is there an easy way to be notified when you update the files?

Aug 20 2:35 pm
eismann-sf » iPhone GUI PSD said:

[...] So here’s a quick useful drop of PSD goodness from Teehan+Lax, a design firm from Toronto: Over the past few months we’ve had to create a few iPhone mock ups for presentations. The problem we’ve encountered is the lack of resources to help us design something efficiently. Up until now we’ve used a nice PSD from 320480.com but we still found ourselves having to build out additional assets or heavily modifying bitmap based buttons and widgets. Since we know we’ll be doing more of this, we created our own Photoshop file that has a fairly comprehensive library of assets – all fully editable. [...]

Aug 20 2:39 pm
Jon Victorino said:

Perfect timing! I just started designing a iPhone application. This should be useful. Thank you.

Aug 20 2:51 pm
marcomalacarne said:

thankyouverymuch!

Aug 20 3:17 pm
Cashing in on iPhone with Apple’s AppStore; How mobile apps will let you quit your day job and work for anywhere–tomorrow. - TrendGrinder said:

[...] When mocking up applications (potential proof-of-concept, etc) check out this PSD made by teehan+lax to design with paper-doll UI. Conclusion Developers wishing to leverage their skills to earn cash directly from software sales have a unique and fleeting opportunity here. Though there are thousands of creative and skilled individuals working at top speed to create product, compared to other markets iPhone software is wide open. Early entrants will be able to anchor their positions and build long-standing companies. At the very least, generating a healthy yearly salary without georgraphic restrictions or ongoing time committment is almost simple. Non-developers stand to quickly gain huge amounts of business by figuring out how to recruit and or train new iPhone developers for new software consulting firms. Tags: apple, idea, iphone, programming, software [...]

Aug 20 3:26 pm
TechCrunch Japanese アーカイブ » 完璧なiPhoneアプリのモックアップを作ってみよう(アプリの中身まで said:

[...] 「コード作成・設計の作業中にiPhoneアプリのモックアップが作れたらいいんだけど…」―そんな方にとりあえず勧めたいのがteehan+laxのPSDファイルだ。100%編集可能で、ほとんどのエレメントのサンプルはここに揃っている。 [...]

Aug 20 3:39 pm
iPhone-GUI Template für Photoshop | exhero said:

[...] Die Jungs von teehan+lax haben ein sehr hilfreiches iPhone-GUI Template für Photoshop-Template erstellt. (via) [...]

Aug 20 4:03 pm
Jay said:

thanks – know I can create mocks for my ever-pending mobile app.

Aug 20 4:14 pm
mishoo said:

Don’t CATFOTFIC
(Complain about the flavor of the free ice cream)

I don’t care what resolution this is, thanks for sharing.

Aug 20 5:03 pm
Matt Davey’s Blog » iPhone GUI PSD said:

[...] Really nice and complete iPhone GUI photoshop file. Contains all the elements and the iPhone itself great for designing your apps. [...]

Aug 20 5:28 pm
1222 North » Blog Archive » iPhone GUI PSD to Help Layout Your Next App said:

[...] I feel this is a great resource that seems to have everything you’ll need to layout your next iPhone App. [...]

Aug 20 6:20 pm
Make Perfect iPhone Mockups (We Can’t Help With The Actual App) – Easy shopping online said:

[...] If you’re looking to mock up an iPhone app during the design or coding process, a good place to start is the fully editable PSD file on teehan+lax that includes samples of most elements. [...]

Aug 20 6:24 pm
Botones menus teclado para ipod touch iphone said:

[...] Acá lo pueden ir a descargar | [teehanlax.com] . [...]

Aug 20 6:29 pm
Iceberg Creative » Apple iPhone GUI PSD said:

[...] A very useful Photoshop document for all those budding iPhone App developers and Graphic Designers. [...]

Aug 20 7:04 pm
iPhone Mock-ups für Dummies said:

[...] -> teehan + lax [...]

Aug 20 7:35 pm
Interface do iPhone em Photoshop | nFactory.org said:

[...] Via swissmiss e teehan+lax. [...]

Aug 20 7:43 pm
Scott Mackenzie said:

HUGE thanks for this! Life savers.

Aug 20 9:47 pm
Brycav said:

Awesome! Thanks for sharing!

Aug 20 10:06 pm
Motorhead said:

Man, o man. Talk about spanking it with some serious love just when it was needed. You’ve been added to my Christmas list.

Aug 20 10:28 pm
Yonghwee said:

This is neat! Thanks.

Aug 21 2:35 am
Matthew said:

Hey guys, this is awesome. Thank you!

Aug 21 2:41 am
Neophilia - Design online magazine » Need to create iPhone Layouts? said:

[...] The iPhone GUI PSD offered for download over at the Blog of teehanlax.com is a great way quickly getting some iPhone / iPod mockups done. Grab it if you are into designing for this device. Nice one. [...]

Aug 21 3:08 am
Abhishek said:

Thank you very much guys…really helpful.

Aug 21 3:46 am
Ionut Popa said:

Thanks for sharing, maybe it’ll be useful someday.

Aug 21 4:28 am
Kurt said:

Thanks very much, guys. I’m sure this’ll come in handy.

Aug 21 4:34 am
Barry said:

This couldn’t have come at a better time, thank you Gentlemen.

Aug 21 4:42 am
iPhone GUI PSD « W3:Ghost’s Weblog said:

[...] [Link] Filed under: Apple, iphone   |   [...]

Aug 21 4:44 am
PSD-Download: iPhone Userinterface-Elemente für Photoshop said:

[...] Brauchbare Photoshop-Vorlagendatei solltet ihr an ersten Layout-Entwürfen für kommende iPhone-Applikationen arbeiten. Since we know we’ll be doing more of this, we created our own Photoshop file that has a fairly comprehensive library of assets – all fully editable. It’s a work in progress, we’ll repost as it gets updated. [...]

Aug 21 5:14 am
iPhone-Basteln: GUI als PSD - datenkind/blog said:

[...] Die Agentur teehan+lax hat jetzt einen wirklich tollen Photoshop-Interface-Builder in die Netzwelt geworfen, mit der man sich nach belieben austoben kann. Es sind (nahezu) alle Elemente vorhanden, darunter sämtliche Tastaturen (EN-Layout; ich denke, wer Lust hat, kann das gerne lokalisieren und den Jungs/Mädels zukommen lassen), Buttons und Auswahllisten. Wer gerne eine Mobile-Website präsentieren will, kann auf die Elemente von Mobile Safari zurückgreifen. Es gibt auch einen Dummy für ein App-Icon, falls man eine Applikation auch auf dem Home-Screen präsentieren will. Allerdings liegen sämtliche Elemente nur für den Portrait-Modus vor (abgesehen von denen, die sich sowieso nicht ändern), eine „Portierung“ für den Landscape-Modus dürfte daher etwas umfangreiche ausfallen (Tastaturen, Statusleisten, etc). [...]

Aug 21 5:38 am
Visual Gratis » IPhone GUI/Interface Item PSD said:

[...] Nice little resource for interface designers tackling IPhone apps. Don’t have one, but am pretty sure will be making apps for it in the near future. [...]

Aug 21 5:38 am
iPhone GUI PSD « Think Smart iPhone Blog said:

[...] Source: teehan+lax [...]

Aug 21 5:58 am
Play nicely | n3xtmedia said:

[...] It’s so nice when people play well together. Here is an example of some happy asset sharing that isn’t exploitative nor an infringement of IP (If you care about such things) but is just a bank of assets that you can download to use if you are mocking up iPhone applications for pitches or existing clients, or just for yourself. I love the interwebs. http://www.teehanlax.com/blog/?p=447 No Comments| Posted by : Read More [...]

Aug 21 6:06 am
iPhone Userinterface-Elemente für Photoshop said:

[...] Solltet ihr nach brauchbaren Photoshop Vorlagen für eigene iPhone Applikationen suchen, so findet ihr diese hier. Hier die PSD-Datei für eigene iPhone-Icons, hier der PSD-Download für iPhone Vorder- und Rückseite. Keine Kommentare, Comment or Ping [...]

Aug 21 6:43 am
Make Perfect iPhone Mockups (We Can’t Help With The Actual App) | Christian eBuddy Blog said:

[...] If you’re looking to mock up an iPhone app during the design or coding process, a good place to start is the fully editable PSD file on teehan+lax that includes samples of most elements. [...]

Aug 21 6:57 am
flo said:

Great! Thank you!

Aug 21 6:58 am
erichansa said:

ok, if I have a iPhone.

Aug 21 7:34 am
Aug 21 7:43 am
psychic readings said:

I love my iphone

Aug 21 7:44 am
iphone GUI PSD - Neversay said:

[...] 下载请移步至 http://www.teehanlax.com [...]

Aug 21 7:51 am
Clean iPhone psd template | aboutCREATION said:

[...] Not sure if the fact that I’m traveling is influencing the number of iPhone blog posts I’m doing – but when I found the above psd layered file I thought it was worth mentioning. It’s a pretty clean psd w/ a number of layers which is nice. Just as a quick example I threw some of my sky pics into the window. Download the psd from teehan+lax at http://www.teehanlax.com/blog/?p=447 [...]

Aug 21 8:11 am
iPhone GUI PSD | Konigi said:

[...] iPhone GUI PSD The iPhone GUI PSD by teehan+lax is an editable layered Photoshop file with graphic elements including the iPhone, buttons and controls, form inputs, and application chrome. [...]

Aug 21 8:13 am
Bookmarks for August 21st at dpwolf/blog said:

[...] iPhone GUI PSD – A layered Photoshop document with a great collection of editable iPhone/iPod Touch user interface elements. (via miek) [...]

Aug 21 8:35 am
Armine Ivanyan said:

Your article is very interesting and valuable, at first for all iPhone actual and potential clients.
Detail information about it, is very helpful and useful.
Thanks

Aug 21 8:46 am
iPhone Apps-Vorlage - Ramschkasten said:

[...] Wer schon immer seine eigenen iPhone-Applikationen bauen möchte aber immer an den Standards scheiterte, hat ab jetzt keine Ausrede mehr. Bei teehanlax gibt’s eine Vorlage die keine Wünsche offen lässt. Einfach die PSD-Vorlage downloaden und loslegen. Tags: iPhone, Photoshop, Vorlage Weitere Artikel zum ThemaYaeh! Die Videozeitmaschine bringt uns heute: klassische CarAds [...]

Aug 21 8:47 am
Aug 21 8:54 am
Für iPhone AppEntwickler | . ..killerkitty.ch said:

[...] iPhone .psd [...]

Aug 21 9:12 am
adelaide design said:

This is great, thanks

Aug 21 9:13 am
Fubiz said:

Excellent!

Aug 21 9:14 am
Alex said:

thank you so much

Aug 21 9:34 am
Travis said:

Very handy – thanks!

Did no one notice beside me what time was on the phone? Too funny…

Aug 21 10:04 am
JC said:

Thanks guys you have saved me hours and hours of work ;)

Aug 21 10:24 am
mz bloushi said:

Chinese job made easy

fake iphone!

Aug 21 10:26 am
jdR said:

lol @ the time listed on the phone—420 ftw

Aug 21 10:49 am
lelique said:

hah, i’m not the only one who see the 420 sign on the display )))

Aug 21 10:49 am
Tenha o iPhone completo no Photoshop em PSD - Profissionais de Web said:

[...] O iPhone pode ser baixado aqui e a interface gráfica aqui. Ambos em PSD. Relacionados [...]

Aug 21 10:52 am
iPhone zu heiss! | der leumund. said:

[...] Bei der schlechten Bildqualität kann man sich zumindest sicher sein dass es kein Fake mit dem neusten iPhone Fake Photoshop Kit ist. [...]

Aug 21 10:56 am
asaddas said:

would appreciate if you guys would rename some of the layers to something more understandable.

Aug 21 11:16 am
Leonardo... desde Colombia said:

Awesome!!! Thx for this file, probably i will need in next months!!!

Aug 21 11:26 am
boobar! said:

Does anybody have the time?

Aug 21 11:37 am
Andrew Acomb said:

Great idea!!! This will same me a ton of tome today!

Was the time 4:20 on purpose?

Aug 21 11:52 am
Seth Taylor said:

Thanks for sharing the iPhone skin.

Aug 21 12:03 pm
szecket said:

There’s also a very nice stencil of this on graffletopia.com for omnigraffle (mac only)

Aug 21 12:03 pm
szecket said:

AND this is awesome. Thanks for publishing it.

Aug 21 12:10 pm
Jonathan E said:

This is great, thanks for posting this guys!

Aug 21 12:13 pm
Comedy Blog said:

Four Twenty Dood

Aug 21 12:20 pm
Graduation Sashes said:

Great, thank you for sharing this mock-up!

Dan

Aug 21 12:34 pm
Simply Gadgets » Blog Archive » Make Perfect iPhone Mockups (We Can’t Help With The Actual App) said:

[...] If you’re looking to mock up an iPhone app during the design or coding process, a good place to start is the fully editable PSD file on teehan+lax that includes samples of most elements. [...]

Aug 21 12:35 pm
Brad C said:

Geoff! It’s Brad from the Saturday meets, very cool work!

Aug 21 12:47 pm
Christopher Drum said:

Is there a reason you wouldn’t just use the free Xcode environment for building mockups? The iPhone SDK is free. Interface Builder doesn’t require any programming, is drag-and-drop easy, and uses the original graphics found on the iPhone. Editing menu options is a double-click away, elements can be resized as if in an image editing program, and you can even put in some limited interactivity for an impromptu demo.

Aug 21 12:55 pm
Geoff Teehan said:

@ Christopher Drum: A few people have brought this up on other blogs. I think there are a couple of factors that can determine the right tool for the job.

The first factor is the person. For designers in our company, working through the initial design process in a tool like Photoshop provides them the quickest way to get their ideas out (outside of whiteboards and sketch pads). Photoshop also gives us the most flexibility to design custom things that go outside of what may be provided in Interface Builder. Others in our company who are more focused on development would be quicker to open Interface Builder. Obviously the tool we created lends itself more to the designers.

The second factor would be what the end use of the mock up would be. If we’re creating a pitch and needed to include a screen or two of an iphone application, then simply mocking up a screen or two in Photoshop will suffice. If the pitch IS an iphone application then maybe mocking up a prototype is the way to go.

Aug 21 1:21 pm
Luis said:

Haha stumbled on to this, love how the clock is at 4:20

Aug 21 1:40 pm
iPhone GUI PSD — award tour said:

[...] iPhone GUI PSD. useful if you need to do iPhone app mockups. from a toronto company too. [...]

Aug 21 1:45 pm
Hynuk said:

Heh…4:20 eh?

Great resource! Thanks!

Aug 21 2:43 pm
Plantilla de la GUI del iPhone e iPod Touch en Photoshop said:

[...] A lo mejor quieres hacer algún diseño basándote en la interfaz gráfica de usuario (GUI) del iPhone o del iPod Touch, o bien que los botones de tu web ó aplicación sean igualitos que los del teléfono o iPod táctil de Apple. Pues bien, en Think Wasabi han publicado una entrada sobre esta plantilla en formato Photoshop en el que podrás cumplir todos tus deseos. [...]

Aug 21 2:52 pm
IphoneGeek said:

Nice work indeed

Aug 21 3:04 pm
Uncategorized estate news » Blog Archive » iPhone GUI PSD said:

[...] read more | digg story [...]

Aug 21 3:21 pm
iPhone Userinterface-Elemente für Mock-Ups ☆ lindhorst.cc said:

[...] Die sehr guten Photoshop Vorlagen der Agentur teehan+lax. (via fscklog und datenkind) [...]

Aug 21 4:05 pm
Felix said:

Thanks for the kit. Also comes in handy if you want to build your own “unlock slider” as an UISlider.

Aug 21 4:07 pm
iPhone GUI Available for your ‘Shops - Steel Frog - A blog on graphics, web design, video games and tutorials said:

[...] Geoff Teenhan has released a very nice iPhone GUI mockup in PSD format. It could come in handy for your developer mock-ups or for your ’shops on /b/, so be sure to grab it before it gets DMCA-ed. For information on the iPhone GUI download, check out Teenhan’s blog. [...]

Aug 21 4:31 pm
iPhone GUI PSD at Under The Bridge said:

[...] Here’s something useful for your iPhone presentation mockup needs: a layered Photoshop file with a comprehensive set of assets: [...]

Aug 21 4:40 pm
iPhone GUI in PSD | Fad Appeal said:

[...] [...]

Aug 21 5:19 pm
iPhone GUI .PSD | cozalli.co.uk said:

[...] This is from the guys at http://www.teehanlax.com, and to download the PSD file click the download link on this page. ( http://www.teehanlax.com/blog/?p=447 ) [...]

Aug 21 6:10 pm
Marcosh said:

Exelent to make fakes :P, thanks!

Aug 21 6:11 pm
Дизайн Мания said:

[...] Дизайнеры компании teehan+lax выпустили PSD файл, содержащий элементы графического интерфейса пользователя для iPhone. Создатели рассказывают, что за последнее время им пришлось нарисовать несколько презентаций для iPhone и они столкнулись с дикой нехваткой графического материала в сети. Существующие решения оказались недостаточно хорошими и каждый раз приходилось что-то дорабатывать, поэтому было принято решение создать свой PSD графического интерфейса для iPhone. [...]

Aug 21 6:17 pm
links for 2008-08-21 « 個人的な雑記 said:

[...] iPhone GUI PSD (tags: psd iphone webdesign) [...]

Aug 21 7:34 pm
Plantilla de la GUI del iPhone e iPod Touch en Photoshop - iPhoneros.net - Foro de iPhone said:

[...] Plantilla de la GUI del iPhone e iPod Touch en Photoshop A lo mejor quieres hacer algún diseño basándote en la interfaz gráfica de usuario (GUI) del iPhone o del iPod Touch, o bien que los botones de tu web ó aplicación sean igualitos que los del teléfono o iPod táctil de Apple. Pues bien, en Think Wasabi han publicado una entrada sobre esta plantilla en formato Photoshop en el que podrás cumplir todos tus deseos. Está ordenado en grupos y capas, para que te resulte más fácil encontrar lo que buscas. Es gratuito. Vía | Think Wasabi Más información | iPhone GUI PSD fuente Plantilla de la GUI del iPhone e iPod Touch en Photoshop GA_googleFillSlot(“iPhoneros-468×60”); __ [Registrate para ver el link. ] – [Registrate para ver el link. ] – [Registrate para ver el link. ] – [Registrate para ver el link. ] – [Registrate para ver el link. ] – [Registrate para ver el link. ] [Registrate para ver el link. ] [...]

Aug 21 7:51 pm
Aug 21 9:48 pm
Jeff Schinella » Blog Archive » Graphic Assets For iPhone said:

[...] Working on a new app for the iPhone? Need to build a mock-up or screen flow for someone that is? Grab the iPhone GUI psd from teehan+lax. [...]

Aug 21 10:44 pm
iPhone GUI PSD at SUNEBOX said:

[...] 国外提供的一套iphone GUI PSD下载 点击查看 « 全关节金属小人 [...]

Aug 21 11:25 pm
iPhone App Reviews » Blog Archive » iPhone GUI PSD For Mock-Ups said:

[...] Looking to design the next big thing? Teehanlax has a put up a nice Photoshop PSD file containing most of the iPhones GUI elements. This is great for a quick Mock-Up of your next great app. [teehanlax] [...]

Aug 21 11:32 pm
Links 08/22/2008 at The Zohar Class said:

[...] iPhone GUI PSD [...]

Aug 22 1:23 am
Free iPhone GUI .PSD File Download | Touch Podium said:

[...] (via Teenhanlax) Related Stories:There are no related stories for this entry. Subscribe to The RSS Feed or our Audio Podcast for Live updates! [...]

Aug 22 2:38 am
Iphone GUI PSD - Am I 2.0? said:

[...] Iphone GUI PSD 22Aug2008 Filed under: Design Author: Turhan Aydin Iphone GUI [...]

Aug 22 2:54 am
Pooran said:

simply awesome :) thanks

Aug 22 3:11 am
poapone said:

Thanks so much! Great job!

Aug 22 4:08 am
Delicious Bookmarks for your consumption. | styl.eti.me said:

[...] iPhone GUI PSD – [...]

Aug 22 4:30 am
Mayhem Ensues » Blog Archive » links for 2008-08-22 said:

[...] iPhone GUI PSD Cool PSD file featuring a collection of iPhone UI elements. (tags: design apple iphone software graphics mobile webdesign photoshop tools resources reference interface gui download mockup prototype psd) Posted in Links [...]

Aug 22 5:59 am
iPhone Daily Briefing - 2008.08.21 | raven.me said:

[...] iPhone GUI PSD, Our Blog, Geoff Teehan [...]

Aug 22 6:04 am
iPhone GUI PSD at Johan Sanneblad said:

[...] From teehanlax.com [...]

Aug 22 6:34 am
Mobile Phone Development » Blog Archive » Application Mockups said:

[...] Teehan+lax also use this approach and have produced an iPhone specific set of images that allow you to mockup your own UI.  I think this approach is particularly pertinent for the iPhone because there are sometimes several ways to do the same thing – and some are much more iPhone-esque than others. [...]

Aug 22 7:50 am
iPhone GUI PSD | Proba said:

[...] [...]

Aug 22 8:35 am
Aliza Chomsky said:

Thank you for this.
My work is much easier with this little handy tool of wonder.

Aug 22 8:52 am
Mockup en psd del iPhone | Isopixel said:

[...] Como nunca se sabe y es mejor prevenir que curar, los chicos de teehan+lax (que ya les tocó hacer trabajos con el iPhone como protagonista) ponen a nuestra disposición de forma totalmente gratuita un mockup en formato .psd listo para descargar de forma gratuita y que podremos editar a nuestro gusto. El .psd no solamente incluye la interfaz completa del dispositivo, también encontraremos otros elementos gráficos del software usado por el iPhone como botones, listas, cajón de búsqueda etc. [...]

Aug 22 9:31 am
The Flicker Podcast » Blog Archive » links for 2008-08-22 said:

[...] iPhone GUI PSD A rather useful photoshop template for designing iPhone applications. (tags: iphone psd photoshop template design ued experience apple) [...]

Aug 22 11:47 am
Bergy said:

Hmm… interesting choice of time on the clock.. this just happens to be my favorite time of the day as well…. :)

Aug 22 12:31 pm
links for 2008-08-22 | Geeky Things said:

[...] iPhone GUI PSD (tags: mockup prototype wireframes) [...]

Aug 22 2:18 pm
Ethan’s Blog » Blog Archive » Tired said:

[...] iPhone GUI PSD [...]

Aug 22 2:19 pm
Found Freebie - iPhone .PSD « Track 6 Designs [the Blog] said:

[...] Found Freebie – iPhone .PSD [...]

Aug 22 3:45 pm
L’iPhone en pièces détachées mais en PSD » Welovemac.net said:

[...] Geoff Teehan propose donc ce fichier PSD (5 Mo) entièrement éditable avec ses calques en 160 dpi. Merci à lui ! [...]

Aug 22 5:29 pm
Jorge Correa said:

Hi there, looks really great!

A few days ago I started an open project creating some iPhone’s UI as Rich Symbols for Adobe Fireworks hosted on Google Code. Mockups will be faster and easier!

check it out and help improve it

http://jcorrea.es/2008/08/07/iphone-gui-as-rich-symbols-for-fireworks/

Aug 22 6:02 pm
Aug 22 6:16 pm
Gráficos para crear presentaciones del iPhone | said:

[...] El blog Teehan+lax nos ofrece un fichero Photoshop para crear presentaciones sobre el iPhone, con botones, widgets, teclados entre otros. Disponible en este vínculo, gratis. Compártelo: These icons link to social bookmarking sites where readers can share and discover new web pages. [...]

Aug 22 6:39 pm
Iain Anderson said:

It’s been mentioned above, but I’ll chime in too. This may be a cool set of Photoshop widgets, but if you’re considering using them, please consider using the Interface Builder app that comes with the iPhone SDK. All free, and it’s the actual tool that real iPhone developers use to build interfaces.

Extending an element is as easy as dragging it out; adding another icon to a toolbar automatically redistributes the others. Everything auto-snaps to build a GUI that follows Apple guidelines—it’s easier than Photoshop!

Just as designing a website in Photoshop gives you very little insight into how a website is actually built, designing an iPhone app in Photoshop is not going to help you understand how that’s going to work either. Interface Builder can be daunting, but for mockups it’s dead easy:

1. File > New… and make a new Cocoa Touch application.
2. Window > Library and drag objects into the window.
3. Double-click on buttons to change their text.
4. Window > Inspector and use the first section (Attributes) to change colours/styles if needed.
5. When you’re done, File > Simulate Interface and it’ll appear in the iPhone Simulator.
6. Command-shift-4, then press space. Click on the simulator to grab a pixel-accurate screenshot of your iPhone app, with shadow.

Aug 22 7:19 pm
giveaboneadog said:

Thank you, that saves hours of potential work in the future.

Aug 23 12:47 am
Vince said:

Thanks very much for doing this. A suggestion for version 1.2: The numberpad/keypad? And make the a ‘blank’ key layer too for that, as the bottom left key can be customized.

Keep up the great work!

Aug 23 3:34 am
Getssl » Blog Archive » Free And Editable iPhone GUI (PSD File) said:

[...] This is another iPhone GUI PSD file that is created by teehan+lax. iphone_gui [...]

Aug 23 8:45 am
Aug 23 11:09 am
iPhone GUI | evenlypiece said:

[...] I’m not sure if it’s of any use for me anytime soon but having the PSD of the iPhone GUI will definitely be a big help for anyone intending to mock it up for presentations. I’m expecting a start of series of iPhone talks and seminars here in SG now that it’s already in the local market. And this will come in handy. [...]

Aug 23 11:30 am
moges.org » Blog Archive » links for 2008-08-23 said:

[...] iPhone GUI PSD (tags: resource apple iphone design) [...]

Aug 23 3:41 pm
iPhone GUI: Interfaz del iPhone en .PSD | Marcos Mora said:

[...] Si estás trabajando en una aplicación o en un sitio web adaptado para el iPhone, el iPhone GUI será una gran herramienta para ti ya que facilita hacer un Muck up en Photoshop. El archivo incluye listas, botones, barras, teclado y demás. [...]

Aug 23 4:30 pm
dggraphics said:

Maybe this was mentioned already, but you can just download the iPhone Developer and use Interface builder to make mockups.

Aug 23 4:33 pm
iphone GUI PSD | DiGiSource said:

[...] [...]

Aug 24 4:04 am
freemixology » Blog Archive » iPhone GUI design template said:

[...] teehan+lax has released a marijuana advertisement thinly disguised as a comprehensive iPhone widget template that you can use to design iPhone UIs. [...]

Aug 24 8:05 am
iPhone GUI PSD | Phodana Media said:

[...] iPhone GUI PSD von André Gärtner Wenn Ihr IPhone Besitzer seid und vielleicht Euer eigen erstelltes Theme in Verbindung mit GUI Elementen des IPhones präsentieren wollt, dann schaut mal hier vorbei. Dort könnt Ihr eine PSD-Datei herunterladen mit allen gängigen GUI Elementen. [...]

Aug 24 11:34 am
links for 2008-08-24 « tscpannex said:

[...] iPhone GUI PSD その名の通り。 (tags: iPhone) [...]

Aug 24 11:36 am
links for 2008-08-24 « copula’s weblog said:

[...] iPhone GUI PSD Download it here: iPhone_GUI.zip (5MB) (tags: iphone graphics resources download) [...]

Aug 24 12:59 pm
Free library of iPhone UI elements said:

[...] Don’t struggle with creating your own UI elements. Geoff Teehan and crew have come up with a Photoshop PSD library full of UI assets that you can use to whip up a mockup of that killer app in time for the meeting with Mr. Moneybags. [...]

Aug 24 1:03 pm
Free library of iPhone UI elements | said:

[...] Don’t struggle with creating your own UI elements. Geoff Teehan and crew have come up with a Photoshop PSD library full of UI assets that you can use to whip up a mockup of that killer app in time for the meeting with Mr. Moneybags. [...]

Aug 24 1:29 pm
iPhone Software » Plantilla de Photoshop para controles iPhone said:

[...] Al igual que ya mostramos la excelente paleta de controles de Yahoo Developer Network, en esta ocasión os traemos una plantilla de Photoshop para la misma finalidad. [...]

Aug 24 1:32 pm
raoli.com » Blog Archive » links for 2008-08-24 said:

[...] iPhone GUI PSD (tags: ui mockups iphone design cite:ldandersen) [...]

Aug 24 2:11 pm
appleforapple.com » Free library of iPhone UI elements said:

[...] Don’t struggle with creating your own UI elements. Geoff Teehan and crew have come up with a Photoshop PSD library full of UI assets that you can use to whip up a mockup of that killer app in time for the meeting with Mr. Moneybags. [...]

Aug 24 2:19 pm
iPhone User Interface Library for Photoshop | The iPhone Blog said:

[...] Got a hankering to make an spot-on iPhone looking WebApp? Wanna mock-up an App Store application interface of your very own? Thanks to the hyper-generosity of teehan+lax, now you can! Over the past few months we’ve had to create a few iPhone mock ups for presentations. The problem we’ve encountered is the lack of resources to help us design something efficiently. Up until now we’ve used a nice PSD from 320480.com but we still found ourselves having to build out additional assets or heavily modifying bitmap based buttons and widgets. Since we know we’ll be doing more of this, we created our own Photoshop file that has a fairly comprehensive library of assets – all fully editable. [...]

Aug 24 2:32 pm
Magnetbox - links for 2008-08-24 said:

[...] iPhone GUI PSD Visual elements you need to mockup an iPhone app. (tags: photoshop design iphone) [...]

Aug 24 3:26 pm
iPhone User Interface Library for Photoshop | iPhone The Solution 3G said:

[...] Got a hankering to make an spot-on iPhone looking WebApp? Wanna mock-up an App Store application interface of your very own? Thanks to the hyper-generosity of teehan+lax, now you can! Over the past few months we’ve had to create a few iPhone mock ups for presentations. The problem we’ve encountered is the lack of resources to help us design something efficiently. Up until now we’ve used a nice PSD from 320480.com but we still found ourselves having to build out additional assets or heavily modifying bitmap based buttons and widgets. [...]

Aug 24 3:38 pm
L’interface iPhone pour Photoshop | Le Blog du Geek said:

[...] Le fichier est à télécharger sur le site de l’auteur. [...]

Aug 24 4:29 pm
Biblioteca gratuita de elementos de la interfaz del iPhone | Incubaweb said:

[...] Geoff Teehan y su equipo han liberado una biblioteca de ficheros PSD llena de elementos que puedes usar para tu desarrollo, y encima la han publicado totalmente gratis. El fichero PSD, en su versión 1.1, suma a lo que venía en la versión 1.0 lo siguiente: [...]

Aug 24 5:22 pm
Marko Bon said:

Haven’t read through this thread of comments, but wanted to thank you for posting this PSD—was lookin for this in the SDK, this just shaves a couple hours off of day tomorrow. Killer!

Aug 24 8:06 pm
iPhone User Interface Library for Photoshop - iPhone Newswire said:

[...] Got a hankering to make an spot-on iPhone looking WebApp? Wanna mock-up an App Store application interface of your very own? Thanks to the hyper-generosity of teehan+lax, now you can! Over the past few months we’ve had to create a few iPhone mock ups for presentations. The problem we’ve encountered is the lack of resources to help us design something efficiently. Up until now we’ve used a nice PSD from 320480.com but we still found ourselves having to build out additional assets or heavily modifying bitmap based buttons and widgets. [...]

Aug 24 9:58 pm
iPhone Graphic User Interface Photoshop File for App Designers | MyTriniPhone.com said:

[...] Geoff Teehan of teehan+lax posted a really in depth free Photoshop (PSD) file that has some great pieces of the Graphic User Interface for the iPhone that they created for presentations and software development. This is great for iPhone/Touch app/software designers and/or anyone else who would like to use/view the artwork. [...]

Aug 24 10:48 pm
Some iHeadlines « 4wallz iPhone Blog said:

[...] iPhone GUI PSD [...]

Aug 25 2:58 am