myGrid

Twitter: http://twitter.com/jurajivan
Presented on Dribbblesk meetup #3

Transcript

1. myGRID iOS, Android, Web
2. Grid Theory
3. “The 44-pixel block is, in many ways, the basic unit of measurement for the iPhone interface, establishing the visual rhythm of many iPhone apps. That metric is significant as the recommended minimum size to make a tap target (like a button or list item) easily and reliably tappable.” Josh Clark
4. New Visual Proportions for the iOS User Interface @Aen http://aentan.com/design/new-visual-proportions-for-the-ios-user-interface/
5. iOS default grid is 10x11pt min touch size of 44pt
6. http://developer.apple.com/library/ios/#documentation/userexperience/ conceptual/mobilehig/UEBestPractices/UEBestPractices.html
7. Android default grid is 8x8pt min touch size of 48pt
8. http://developer.android.com/design/style/metrics-grids.html
9. myGrid is 4x4pt
10. ‛ highly flexible ‛ fits iOS and Android guidelines ‛ good guide for programmer when implementing design 4x4pt gird is ‛ it just works
11. 1pt = 1dp = 2px 4x4pt grid = 8x8px
12. Same grid used on both platforms
13. Same grid used on both platforms
15. 4x4 grid in detail
16. Apple’s Passbook app is also in 4x4 gird
17. 4x4 grid used in web application
18. One more thing
19. Typecast is a browser-based app that takes the pain out of designing typography for the web http://typecast.com
20. Design typography with baseline grid tool and great fonts collection
21. Thank you @jurajivan