background preloader

The iOS 7 Design Cheat Sheet - Ivo Mynttinen / User Interface Designer

The iOS 7 Design Cheat Sheet - Ivo Mynttinen / User Interface Designer
Everything you need to know when it comes to iOS 7. This article is outdated. View new version The data presented on this Cheat Sheet does not contain the latest updates of iOS 8 and the new Apple devices released mid 2014 (iPhone 6, 6 Plus, iPad Air 2). With the release of iOS 7, app designers and developers will need to adjust their visual language to match the new "flat" design of iOS. In addition to the grid system, the dimensions of icons and commonly used elements, typography and iconography has been updated by Apple in many ways. Since iOS 7 is not supported on older models of the iPhone and iPod (only 4+), this guide will only cover the supported devices. Resolutions & Display Specifications Resolutions Displays App Icons One of the biggest changes in iOS 7 is the new dimensions and the visual language used for app icons. Dimensions

http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/

Related:  App designUser Interfaceiweb75

Starter's Guide to iOS Design As someone who does work on both the development and design side of iOS apps I find that many designers struggle with the transition to UI work, or with the different processes involved in iPhone and iPad app design. In this guide I'll describe the deliverables you'll be expected to produce, outline the constraints of the medium and introduce fundamental iOS and UI design concepts. The Medium Knowing your medium and its quirks is an important part of being a good designer. I'm sure you've been witness to large print-outs with horrible pixelation artefacts - the result of misunderstanding print media. Similarly misunderstanding the role of pixels on screen can result in blurry, squished, or pixellated designs.

The iOS Design Cheat Sheet Volume 2 - Ivo Mynttinen / User Interface Designer Displays, dimensions and icons. More than a year ago, I published the iOS Design Cheat Sheet, a collection of useful data about iOS devices and things you have to keep in mind when designing something for iOS. Since the last update of my Cheat Sheet, a lot has changed in the world of Apple’s mobile devices. Designers now have to deal with a retina resolution iPad (aka. Welcome to Ruzzit Product Hunt Community - Discover our Social Viral Filer - Share the social World Why Han Seoul-Oh Is The Greatest "Fast And Furious" Character - BuzzFeed Sung Kang is the real star of the franchise. Sung Kang as Han Seoul-Oh in Fast Five. Jaimie Trueblood / Universal Studios There are many, many things to lo... Read More

10 graphic design cheat sheets I love cheat sheets. They’re not only handy, they’re practically essential for many graphic designers who are expected to know a never-ending list of numbers and codes: standard sizes for various applications, color hex codes, basic web languages, and, of course, myriad keyboard shortcuts for powerful graphic design software. Unless you have a photographic memory (and you do not, my friend), there is no way you can possibly retain so much specific information with error-free recall. The iOS Design Cheat Sheet Volume 2 - Ivo Mynttinen / User Interface Designer Displays, dimensions and icons. This article is outdated. View new version The current version of this article includes data for iOS 8 and all new Apple devices while this one only covers all iOS versions up to 6 and iPhone 4.

PortKit: UX Metaphor Equivalents for iOS & Android PortKit shows you each Cocoa UI Element in iOS 6 / iOS 7 and its Android widget version, side by side, so you can compare and find the correct equivalent when porting an app. We are a Brisbane based company that develops iPhone & iPad Apps and Android Applications and we wanted a simple way to visualise, reference and compare UI elements, and have quick access to documentation and the respective naming conventions. Due to the popularity of this post we decided to add a tonne of handy resources, tools, and tips that we use day to day available at the bottom of this post. Skip to awesome resources below ↓

Mobile Design: Considerations Throughout the UI Design Process Mobile Design: Considerations Throughout the UI Design Process Having organized files is really vital. In my experience as Mobile App UI Designer at iTexico, I’m concerned about the organization of files to avoid wasting time. I mean, if you can't get your files organized in a reasonable way, how can you call yourself a good designer? As creative designers, we tend to often get frustrated with mobile app developers when they take liberties with their work. But we have to understand they’re not guilty at all. How To Use Sunshine Share Effortlessly, View Instantly. How To Use You are here: uSquare Joomla Component - responsive squared grid Details Category: Joomla Components Written by Webmasterstand.com uSquare is a responsive squared grid that can display your content in a unique and interesting way. You can use it for displaying team members, products, services, designs, blog posts or anything else that comes to your mind.

The iOS Design Cheat Sheet - Ivo Mynttinen / User Interface Designer Great tips to improve your iOS design workflow. This article is outdated. The current version of this article includes data for newer iOS devices such as iPhone 5 and the new iPad. Check out the iOS Design Cheat Sheet Volume 2. When you are designing a lot of applications for Apple’s touch devices like the iPhone or iPad you often have to follow some conventions regarding sizes or radii of Icons, Buttons or Tables. Because it is always a big time loss if you have to search on the Web for this information again and again, I’ve put the most important specifications into a nice iOS Design Cheat Sheet.

Axure iPhone Widgets Library Hundreds of Axure user interface widgets for prototyping iPhone apps + dozens of royalty free icons to use in your prototype and final design! Screenshots Or directly update quantity in cart for discount UI Guidelines for mobile and tablet web app design Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design. Here, you will find guidelines, samples, tips, and descriptions of common mistakes. Many of the guidelines focus on native application development, but we can apply most parts of them to mobile web design too. Remember to provide the best possible experience on each platform. Do not deliver an iPhone experience to a BlackBerry user. Every platform has its own UI and usability guidelines that every user is expecting on your app.

Callr - No more dialing into conference calls - Callr calls you! Following steps describe how you can set up your Callr account in no time. Create a new account Make sure you enter a valid email address along with a password that combines capital and lower case letters, numbers, and symbols.

Related:  Transition to iOS 7Taille des écrans