
Smashing Magazine we smash you with the information that will make your life easier. really.
iPhone PSD Vector Kit
By Smashing Editorial, November 26th, 2008 in Freebies | 63 Comments | Forum
Today, we are glad to release the iPhone Starter Kit, a set that comes with several button elements as well as six different iPhone interface options. This pack may be useful for mobile developers and front-end designers who need a professional way to show mock-ups to clients or to work out ideas. This set was designed by Renee Rist especially for Smashing Magazine and its readers.
Download the icon set for free!
You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sub-licensed, rented, transferred or otherwise made available for use. Please link to this article if you would like to spread the word.
- preview
- Download the set (in PSD) (.zip, 2.8 MB)
Behind the design
As always, here are some insights from the designer herself:
“This iPhone Vector Pack was created entirely in Photoshop. The elements in this set are a combination of vector and real screenshots. Last month, I was asked to create a mobile website mock-up using the iPhone as a medium. I needed to show several parts of the interface, none of which I had graphics for. I set out to create an iPhone “starter kit” for myself.
This iPhone Vector Pack comes with several button elements, as well as six different iPhone interface options (which you can turn on and off in Photoshop). I hope this freebie pack will be useful for mobile developers and front-end designers who need a professional way to show mock-ups to clients or to work out ideas.”
Thank you very much, Renee! We appreciate your efforts.
Last But Not Least
We are constantly looking for creative designers and artists. You may not know it yet, but we may feature you in one of our upcoming posts.
If you would like to release a free high-quality font, a WordPress theme, Photoshop brushes, a Drupal theme, some wallpapers or an icon set, please contact us. We would like to support you (both financially and with the broad readership of Smashing Magazine). (al)
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Stay in touch
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 75 JavaScript Techniques
- 70 Best Photoshop Tutorials
- 70 Best Illustrator Tutorials
- 53 CSS Techniques
- 50 Blog Designs
- 50 Graffiti Artworks
- 50 Brilliant Photos
- 50 Movie Posters
- 40 Free Fonts
- 40 Creative Layouts
- 35 Beautiful Icon Sets
- Beautiful Desktop Wallpapers
- Beautiful Macro Photos
- Beautiful Underwater Photos
- Free Design Templates
- Free CSS Layouts
All Posts
- 35 Designers × 5 Questions
- 50 Designers × 6 Questions
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- AJAX Tutorials
- Badges and Pins
- Batch Image Processing
- Black & White Photography
- Block Quotes
- Blog Designs 1, 2, 3, 4, 5
- Blog Headers
- Book Covers
- Brochures and Booklets
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Calendar Designs
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- CSS Clean Code
- CSS Editors
- CSS Expert Ideas
- CSS Float Theory
- CSS Frameworks
- CSS Free Templates
- CSS Footers
- CSS Forms 1, 2
- CSS Frameworks
- CSS Galleries
- CSS Ideas
- CSS Layouts
- CSS Menus
- CSS Print-Layouts
- CSS Specificity
- CSS Styleguides
- CSS Tables
- CSS Tutorials
- CSS-Techniques
- CSS Tools
- Data Grids and Tables
- Data Visualization 1, 2
- Date Stamps
- Design Books 1, 2
- Design Magazines
- Designer's Checkpoints
- Divine Proportion
- Domain Tools
- Dreamweaver Tutorials
- Drupal
- E-Mail Delivery
- Favicons 1, 2, 3, 4, 5, 6
- Firefox Themes
- Fireworks Tutorials
- Flash Designs
- Flash Slideshows
- Flash Tutorials
- Fonts 1, 2, 3, 4, 5, 6
- Font Management
- Form Design Patterns
- Forums
- Fractals
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graffiti
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Style 1, 2
- Handwriting and Lettering
- Hotkeys
- HDR Pictures
- HTML Template Systems
- Icon Sets 1, 2, 3, 4, 5
- Icons, Templates 1, 2, 3
- Illustrator Tutorials 1, 2
- JavaScript Techniques
- jQuery
- Laptop Sleeves
- Laptop Designs
- Link Building
- Links in New Windows?
- Macro Photography
- Mascots
- Moleskine Art
- Motion Graphics
- Motion Blur Photos
- Movie Posters
- Music Videos
- Navigation Menus
- Newspaper Designs
- Online Converters
- Online Generators
- Packaging Design
- Pagination
- PDF Magazines
- Photoshop Actions
- Photoshop Tutorials 1, 2
- Pixel Art
- Podcasts
- PNG Transparency
- Portfolios
- Pricing Tables
- Product Designs
- Rain Photography
- RSS Best Design Practices
- RSS Feed Icons
- Screencasting
- Screensavers
- SEO Tools
- Shopping Carts
- Short Movies
- Slideshows & Lightboxes
- Smoke Photography
- Source Code Editors
- Splash Pages
- Start Pages
- Stock Icons
- Space, Nebula wallpapers
- Tab-Based Interfaces
- Tag Clouds
- Textures
- Textures & Backgrounds
- Texture Design
- Tooltips Scripts
- Tutorials
- Typefaces 1, 2
- Type Setting Principles
- Typographic Posters
- Typography In Motion
- Typography Showcase 1 2, 3
- Underwater Photography
- Usability Books
- Usability Glossary
- Usability Nightmares
- Usability Principles
- User Interfaces
- Version Control Systems
- Vintage & Retro Posters
- Vintage & Retro Designs
- Vintage & Retro Tutorials
- Wallpapers 1, 2, 3, 4
- Web 2.0 Tutorials
- Weblog Engines
- Whitespace & Simplicity
- Wordpress Plugins
- Wordpress Themes 1, 2, 3, 4
- Wordpress Toolbox
- WYSIWYG Editors
Fresh Bookmarks
25 Beautiful Logos with Sequential Concept
Sequential logos maybe is a new trend among logo designers.
Designing a blog with HTML5
Much of HTML 5’s feature set involves JavaScript APIs that make it easier to develop interactive web pages.
20+ CSS Data Visualization Techniques
Get inspired.
CSS3 – a big storm is coming
With CSS3 media queries and multi-column layouts it will be a whole new ballgame.
Woodgrain: A Free Social Media Icon Set
With 18 social networks represented alongside astandard RSS icon in PNG format,
Webdesign: Five Minute Upgrade
Making Your Design Pop.
45 Stylish Typographical Desktop Wallpapers
These beautifully designed wallpapers are not solely about typography.
The Light CMS Trend
A new trend in CMSs I’m calling “light” CMSs.
10 Impressive JavaScript Animation Frameworks
Create stunning and eye-grabbing animation and transition effects.
Linux System Monitoring Tools Every SysAdmin Should Know
Need to monitor Linux server performance?
Blogroll
- Bittbox
- CatsWhoCode
- Colorburned
- Design Disease
- Designm.ag
- Deziner Folio
- Dr. Web Magazin (.de)
- Dr. Web Shop (.de)
- Freshome Blog
- FudgeGraphics
- I Love Typography
- MakeUseOf.com
- Naldzgraphics
- Noupe.com
- Pro Blog Design
- Search-This
- Six Revisions
- SmileyCat
- Spoon Graphics
- Typesites
- Usability Post
- Walyou
- Webdesigner Depot
- Weburbanist
- Wellmedicated










Steve (November 26th, 2008, 5:30 am)
Nice! Long live the iPhone
Modisana (November 26th, 2008, 5:37 am)
very very nice
Shuuun (November 26th, 2008, 5:43 am)
ty for nothing…
nothing to learn anside the psd..
fisker (November 26th, 2008, 6:18 am)
teehan+lax made a better imho
:)
Link [www.teehanlax.com]
Rich (November 26th, 2008, 6:19 am)
This is really useful for native application mockups.
I’d love to see one more geared towards WebApp development…
Sadly my ‘Photoshop skills’ are more like ‘Photostop kills’!
Geoff Teehan (November 26th, 2008, 6:44 am)
Nice job. We built one a few months back too and have been adding to it ever since. It’s all shape based (vector) as well.
Link [www.teehanlax.com]
sixsix (November 26th, 2008, 6:59 am)
Great!
Derek (November 26th, 2008, 7:17 am)
Very nice! However for something more robust (and updated based on feedback) see here: Link [www.teehanlax.com]
Renee (November 26th, 2008, 7:30 am)
Thanks everyone!
BitBot - Megowatt (November 26th, 2008, 7:36 am)
This is awesome! It looks absolutely gorgeous. Perfect to do professional mockups and designs. :)
Neil (November 26th, 2008, 8:01 am)
Awesome.
“Not for Blackberry RIM Use” should be part of the license agreement - Link [www.engadget.com]
The Dude (November 26th, 2008, 8:50 am)
Nice!
Altair Pereira (November 26th, 2008, 9:42 am)
Nice.
But this is better
Link [www.teehanlax.com]
Eric Aragon (November 26th, 2008, 1:09 pm)
Link [www.teehanlax.com] is the better one, i used it on a speech how ipods are antisocial. haha
r0b3rt0 (November 26th, 2008, 2:47 pm)
Thanks it can prove to be usefull! when I learn photoshop ;-)
Max Weir (November 26th, 2008, 4:26 pm)
Thanks for this, this is one of the best resource downloads in a very long time! Great work people.
Ben Rowe (November 26th, 2008, 4:54 pm)
Great resources (both the set in the article and in the comments)
Best link all week. Thanks Guys!
softcps.com (November 26th, 2008, 8:01 pm)
thank you~~~~
Wazdesign (November 26th, 2008, 8:57 pm)
Thanks a LotDimitris Bor (November 27th, 2008, 12:21 am)
nice design
Daemon (November 27th, 2008, 1:02 am)
Hm, but most of the elements inside are just flattened. The entire keyboard is flattened layer, there are no layer styles to define buttons and all that.
Actually, only very little portion of UI is recreated by you using layer styles, most of it is just screengrabbed from iPhone and pasted in Photoshop.
Very misleading.
Chaminose (November 27th, 2008, 5:09 am)
é o baguio é bom memo!
Renee (November 27th, 2008, 9:39 am)
@Daemon - Why would you need to alter the keyboard? All the items you’d need to alter for a presentation/mock-up are editable (buttons, pressed keyboard button, application, text, pop-up area, etc). If someone wanted to alter the keyboard, that is not iPhone standard, and it would be misleading to the client (or end-user).
I flattened standard layers to save on file size. No one should need to alter iPhone standards anyhow, and if they do — that’s out of the scope of what this was designed for. :)
I’m sorry you didn’t enjoy it.
Etienne (November 27th, 2008, 10:21 am)
Thank you SOOOO much for sharing!!!! It was super useful for my projet!
Daemon (November 28th, 2008, 12:58 am)
@Renee, nah man, it was a great start to push me into searching full PSD of iPhone UI. Why would i need full PSD UI? Well, for creating iPhone ready websites and applications. Simple.
Cosmi (November 28th, 2008, 5:16 am)
Very nice! Thank you Renee Rist & SM
Babypixel (November 28th, 2008, 7:13 am)
Gorgeus!
Doodie (November 28th, 2008, 7:36 am)
This is a GREAT template to have in the arsenal. This might just appear in OTS graphics for news… if it does I’ll post a screenie.
gobineitor (December 27th, 2008, 5:37 am)
gracias.!
هادی (January 6th, 2009, 3:05 pm)
سلام سایت بسیار جالبی دارید واقعا خوب کار کردید
Link [www.wbx7.blogfa.cim]
متشکرم
{هادی از ایران استان بوشهر }
61re (January 14th, 2009, 7:37 pm)
Хорошо сделано!
Michael (January 15th, 2009, 3:09 am)
That´s shit!! Cause….there are no VEKTOR-elements in that file!!! :-((((
Jang (January 31st, 2009, 10:37 pm)
OMG!!! Thanks!!!
http://www.creativefolks.net (March 21st, 2009, 2:14 pm)
thank you looks nice :) :) :) :) :) :) :) :) :) :) :) :)
creativefolks.net (March 21st, 2009, 2:15 pm)
thank you looks nice :) :) :) :) :) :) :) :) :) :) :) :)
Brett Eddy (April 18th, 2009, 8:40 am)
Many in the UX community like to spend quite a bit of time in “wireframing mode”, where simply black line sketches show a developer how the designer is thinking. This helps to communicate ideas, without having to do long trips through a design done in photoshop. At the end of the day, the photoshop glossies are required, but to get to something that is close to final, wireframes are an awesome tool.
I created this Visio wireframing toolkit, available for free to help the UX community out. It can be a great compliment to this and other iPhone mockup PSDs out there (especially the awesome set at teehanlax.com). Hope it is of benefit.
URL to the wireframe toolkit at: Link [www.bretteddy.com]
Do great things. Cheers. Brett
brand (June 15th, 2009, 2:45 am)
just for testing - great stuff