== UI Guidelines: == iPhone, iPod Touch, and iPad. Big collection of these available here which I need to parse out http://www.queness.com/post/10870/useful-collection-of-ios-tools-and-resources-for-designers * [[https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/|Designing for iOS7]] from developer.apple. * [[http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html|iPhone Human Interface Guidelines]] from developer.apple. * [[http://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/MobileHIG.pdf|iPhone Human Interface Guidelines]] from developer.apple. (PDF) * [[http://developer.apple.com/library/ios/#documentation/general/conceptual/ipadhig/Introduction/Introduction.html|iPad Human Interface Guidelines]] from developer.apple. * [[http://developer.apple.com/library/ios/documentation/general/conceptual/ipadhig/iPadHIG.pdf|iPad Human Interface Guidelines]] (PDF) * [[http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/|The iOS 7 Design Cheat Sheet]] from Ivo Mynttinen. * [[https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/Bars.html#//apple_ref/doc/uid/TP40006556-CH12-SW1|iOS UI Element Guidelines]] which despite other tools I use several times a week... well, I used to but the iOS 7 update messed it up pretty bad. == Stencils & Templates: == * [[http://www.teehanlax.com/tools/iphone/?utm_source=TLtwitter&utm_medium=social&utm_campaign=new%20iphone%20psd|iOS7 GUI PSD (iPhone)]] from Teehan-Lax (Photoshop). * [[http://www.teehanlax.com/tools/iphone-sketch-app/|iOS GUI for Sketch]] from Teehan-Lax (Sketch). * [[http://www.designshock.com/ios7-design/|IOS7 GUI]] Fantastic Set With More Than A Thousand Elements, from DesignShock. (Photoshop) * [[http://dribbble.com/shots/865767-iPhone-5-Grid|iPhone 5 Grid]] a 10-column (!) grid for comps. (Photoshop) * [[http://blakeperdue.com/ios7-wireframe-kit/?utm_source=buffer&utm_campaign=Buffer&utm_content=buffer8f591&utm_medium=twitter|iOS 7 Wireframe Kit]] in B&W, for classic wireframing. (Illustrator) * [[http://funsize.co/iphone-ios7-wireframe-kit/|iOS 7 WIreframe Kit]] for iPhone, from Funsize. (Keynote) * [[http://www.blugraphic.com/2013/07/15/ipad-retina-mockup-psd/|Ipad Retina Mockup (Psd)]] from blugraphic. (Photoshop) * [[http://www.teehanlax.com/tools/ios7/|Library of iOS7 UI Elements]] (Photoshop) * [[http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/|Library of iPhone UI Elements]] Photoshop library of iPhone-specific elements only, from Teehan-Lax. Updated occasionally, so if you see a new one, please update the link for us. (Photoshop) * [[http://www.teehanlax.com/blog/2010/08/12/iphone-4-gui-psd-retina-display/||Library of iPhone4 UI Elements]] Same as above but for the iPhone 4 resolution instead. (Photoshop) * [[http://fantasy-apps.deviantart.com/gallery/#/d2r7sus|iPhone UI Kit]] Lots of UI widgets like switches, buttons, etc. (Photoshop) * [[http://dribbble.com/shots/42977-iPhone4-Retina-GUI-PSD?offset=7|Another Libtary of iPhone4 UI Elements]] Based on the Teehan-Lax work above, but presumably different in some way. (Photoshop) * [[http://www.usercentred.net/2010/06/28/illustrator-template-for-iphone-design/|Vector Wireframe Templates for iPhone]] (Illustrator) * [[http://reddevilsx.deviantart.com/art/iPhone-4-PSD-HD-176629139|iPhone 4 HD]] Another one, not sure who made it or if it's fresh or a derivation of the Teehan-Lax stuff again. (Photoshop) * [[http://www.vcarrer.com/2010/09/iphone-wireframe-kit-google-docs.html|iPhone Wireframe Kit]] In, of all things, Google Docs. Haven't tried it, but I really need to. (GoogleDocs) * [[http://browse.deviantart.com/resources/applications/psd/?order=5&q=ipad#/d2qvrn1|iPad Template]] Preview only has the frame, so not sure what is included. (Photoshop) * [[http://mrforscreen.deviantart.com/art/iPad-Wall-Presenter-179103252|iPad Wall Presenter]] I think just the frames with guides to put backgrounds and designs into. (PNG and Photoshop) * [[http://www.zurb.com/playground/ipad-stencils|Sketching the iPad from Zurb]] to encourage sketching, even as far as to print empties and use your mad Sharpie® skills. (OmniGraffle) * [[http://graffletopia.com/stencils/570|iPad and iPhone Design]] by da5id, via Graffletopia. (OmniGraffle) * [[http://iconhandbook.co.uk/downloads/|iOS Application Icon Template]] from The Icon Handbook. (Illustrator) * [[http://www.graphicsfuel.com/2011/04/iphone-ipad-psd-templates/#data|iPhone & iPad PSD templates & icons]] by Rafi (Photoshop) * [[http://www.raizlabs.com/2011/06/wireframe-toolkit-for-keynote-and-powerpoint/|MOObileFrames]] iOS Wireframe Tool from Raiz Labs. (Keynote, Powerpoint) * [[http://iconslinger.com/downloads/|iPad Template for Visio]] from IconSlinger. (Visio of course) * [[http://graphicriver.net/item/ui-pack-for-ios-by-rebirthpixel/2577167?WT.ac=portfolio&WT.seg_1=portfolio&WT.z_author=rebirthpixel|UI Pack for iOS]] from rebirthPIXEL. Lots of faux-leather and other skeuomorphic textures. (Photoshop)