{"id":349,"date":"2013-09-18T10:38:27","date_gmt":"2013-09-18T09:38:27","guid":{"rendered":"http:\/\/graphictide.com\/blog\/?p=349"},"modified":"2013-09-18T10:38:27","modified_gmt":"2013-09-18T09:38:27","slug":"10-free-iphone-ios-user-interface-elements-psd-ai","status":"publish","type":"post","link":"https:\/\/graphictide.com\/blog\/10-free-iphone-ios-user-interface-elements-psd-ai\/","title":{"rendered":"10 Free iPhone & IOS User Interface Elements (PSD & AI)"},"content":{"rendered":"

Are you currently designing an app or are thinking about designing one in the future? Maybe you\u2019re in the process of mocking up a design for a client? Good news for us is that there are some great people out there, especially those who actively share, engage and provide great resources to their community, hats off to them. The art community is no different. I might go as far to say the art community probably are the most sharing group of people. Just to prove it we\u2019ve done some digging and we\u2019ve collected 10 super useful and free iPhone and IOS user interface elements, which are all downloadable as either PSD or AI files. They shared with us and we\u2019re sharing it with you. Hopefully you\u2019ll go on to share this with people you know, as we like sharing. As always all resources are credited back to the original designer so you can give the kudos! So let\u2019s kick of the 10 iPhone and IOS UI\/UX resources post with the super useful IOS 7 status bar free PSD download.<\/p>\n

Apple IOS 7 Status Bar PSD<\/a><\/h3>\n

\"Free<\/a><\/p>\n

When you come to designing an app, chances are you’re going to need to include the standard Apple IOS GUI. That of course starts with the status bar. This free status bar download pack is a real lifesaver allowing you to concentrate on designing the important parts of the app without compromising the design when showing your client or manager the app proofs!<\/p>\n

Designed by: drewacreative<\/a><\/p>\n

Download the free Apple IOS 7 Status Bar PSD pack<\/a><\/p>\n

 <\/p>\n

20 iPhone Angles<\/a><\/h3>\n

\"20<\/a><\/p>\n

Strictly not a user interface element but we felt that this resource was too good not to include. A free royalty pack of 20 different iPhone 5 mockup images suitable for commercial use. This pack is perfect for showing off your new app once it\u2019s completed. This pack contains 18 PSDs with smart objects for both the black and white iPhone 5. So if your looking for a way to present your app professionally and beautifully, download this iPhone pack!<\/p>\n

Designed by: npaulflavius<\/a><\/p>\n

Download 20 iPhone 5 phone angles<\/a><\/p>\n

 <\/p>\n

Free IOS tooltip App UI PSD<\/a><\/h3>\n

\"Free<\/a><\/p>\n

The popular tooltip UI element is essential for phones with limit screen space. Using tooltips is a great way to maintain a clean, clutter free interface whilst providing the same level of functionality. This free IOS tooltip download will help you design your app so you can achieve the same results in your own app.<\/p>\n

Designed by: Pixeden<\/a><\/p>\n

Download Free IOS tooltip App UI PSD<\/a><\/p>\n

 <\/p>\n

IOS Switches PSD<\/a><\/h3>\n

\"IOS<\/a><\/p>\n

The most common two option user interface element is the switch. If you have on\/off or yes\/no options within your app, this PSD download is perfect for you. Commonly present in many app’s setting screens, it’s one of the best ways to allow your users to control the app their way. A free, clean, customisable PSD download for adding IOS switches to your app with ease.<\/p>\n

Designed by: jayman<\/a><\/p>\n

Download IOS Switches PSD<\/a><\/p>\n

 <\/p>\n

iPhone 5 Grid PSD<\/a><\/h3>\n

\"iPhone<\/a><\/p>\n

Using grids within web design has been a common user interface design practice for years. It can be easy to forget the same principles can be used within phone app design. This free iPhone 5 grid PSD allows you to design within a grid but within the iPhone’s screen real estate. Extremely helpful when starting off on app design whilst ensuring you keep within Apple’s human interface guidelines.<\/p>\n

Designed by: lobanovskiy<\/a><\/p>\n

Download iPhone 5 Grid PSD<\/a><\/p>\n

 <\/p>\n

iPhone Wood Bookcase UI PSD<\/a><\/h3>\n

\"iPhone<\/a><\/p>\n

The wooden bookcase is back and is exactly what your smart little app needs when showcasing various items within a user interface. Originally showcased by Apple, get your app looking like your bookcase at home with this free wooden bookcase UI PSD download.<\/p>\n

Designed by: virgilpana<\/a><\/p>\n

Download iPhone Wood Bookcase UI PSD<\/a><\/p>\n

 <\/p>\n

Dropdown Menu PSD<\/a><\/h3>\n

\"\"<\/a><\/p>\n

Similar to the tooltip UI download, this gives designers the freedom of dropdown menus. If your app contains a lot of navigational items, using a dropdown menu can keep everything together. Using this clean, user friendly element will give you greater control and screen space to give users an even better experience. It really is a win, win!<\/p>\n

Designed by: noptar<\/a><\/p>\n

Download Dropdown Menu PSD<\/a><\/p>\n

 <\/p>\n

Blurred Backgrounds PSD<\/a><\/h3>\n

\"Blurred<\/a><\/p>\n

Loading screens can sometimes be too long or boring for the user, so download this background to excite your loading screen more than just the blank screen. These backgrounds can also be useful for coming soon screens within your app, for example, new features you might be bringing out at a later date or another apps within Apple’s app store.<\/p>\n

Designed by: Icondeposit<\/a><\/p>\n

Download Blurred Backgrounds PSD<\/a><\/p>\n

 <\/p>\n

50 Free Vector IOS Icons<\/a><\/h3>\n

\"Free<\/a><\/p>\n

No download resource would be complete without an icon set. This free vector icon bumper pack is perfect for any app designer. It’s free to download for a quick and easy Twitter mention and includes 50 clean and super useful IOS icons.<\/p>\n

Designed by: hugonoorlander<\/a><\/p>\n

Download 50 Free Vector IOS Icons<\/a><\/p>\n

 <\/p>\n

Bonus download: Touch Gestures MP4<\/a><\/h3>\n

\"Bonus<\/a><\/p>\n

As a little extra we’ve included this neat little MP4 download. Sending a finished app design to a client or boss can be stressful if they don’t understand how it works. To get around this you can explicitly show user actions for each stage of the app. User gestures help give non-technical people a completely transparent overview on how it works and how users interact with the app. Not only that, it’s great to show users how to use the app. Many apps on first load present you with an opportunity to watch a demo of how it works. Make this demo clear and concise by using touch gestures. It’s free for a simple mention on Twitter, which sounds fair to me as these gestures are great!<\/p>\n

Designed by: areus<\/a><\/p>\n

Download Touch Gestures MP4<\/a><\/p>\n

Hope you’ve all enjoyed this action packed resources post, hopefully you’ll find a few of the downloads useful in your next project. If you did find it useful please spare a few minutes sharing the blog post to your friends and followers so they can reap the benefits too. Let me know which one’s you’ve found useful or ones that you’ll like us to cover more of, maybe the latest UI version of the Apple’s IOS?<\/p>\n","protected":false},"excerpt":{"rendered":"

Are you currently designing an app or are thinking about designing one in the future? Maybe you\u2019re in the process of mocking up a design for a client? Good news for us is that there are some great people out there, especially those who actively share, engage and provide great resources to their community, hats off to them. The art community is no different. I might go as far to say the art community probably are the most sharing group of people. Just to prove it we\u2019ve done some…<\/p>\n","protected":false},"author":1,"featured_media":417,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[159],"tags":[158,26,149,146,145,147,148],"class_list":["post-349","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-resources","tag-app","tag-design","tag-interface","tag-ios","tag-iphone","tag-ui","tag-ux"],"_links":{"self":[{"href":"https:\/\/graphictide.com\/blog\/wp-json\/wp\/v2\/posts\/349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphictide.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphictide.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphictide.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphictide.com\/blog\/wp-json\/wp\/v2\/comments?post=349"}],"version-history":[{"count":0,"href":"https:\/\/graphictide.com\/blog\/wp-json\/wp\/v2\/posts\/349\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphictide.com\/blog\/wp-json\/wp\/v2\/media\/417"}],"wp:attachment":[{"href":"https:\/\/graphictide.com\/blog\/wp-json\/wp\/v2\/media?parent=349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphictide.com\/blog\/wp-json\/wp\/v2\/categories?post=349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphictide.com\/blog\/wp-json\/wp\/v2\/tags?post=349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}