Designing FirefoxOS style apps

1,687 views

Published on

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,687
On SlideShare
0
From Embeds
0
Number of Embeds
114
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Designing FirefoxOS style apps

  1. 1. Designing FirefoxOS style appsAlecsandru Grigoriu | Firefox App Day - Iasi
  2. 2. Current trends
  3. 3. Current trendsminimalistic
  4. 4. Current trendsminimalisticand flat
  5. 5. Current trendsminimalisticand flathttp://gizmodo.com/5955792/windows-phone-8-review-youre-not-perfect-but-i-like-you-anyway
  6. 6. Current trendsminimalisticand warmhttp://path.com
  7. 7. Current trendsminimalisticand warmhttp://basecamp.com
  8. 8. Current trendsminimalisticand warmhttp://www.realmacsoftware.com/clear/
  9. 9. Current trendsminimalisticand warmhttp://www.mozilla.org/en-US/firefox/partners/
  10. 10. First things first Me et myLet’s take baby steps. istant . ass ay f or tod
  11. 11. DNAPurposeful design
  12. 12. CONTENTLAYERING
  13. 13. Hel p me?
  14. 14. Icons N OW!!!
  15. 15. Colors Pleee ease
  16. 16. INTERFACE ELEMENTS
  17. 17. Yum! Yum!
  18. 18. I’m f ull!
  19. 19. ZZZZ Z
  20. 20. ZZZZ Z
  21. 21. ZZZZ Z
  22. 22. Typography
  23. 23. MUHAHAHA!Now let’s dissectsome apps.
  24. 24. Notes
  25. 25. Youtube
  26. 26. Here
  27. 27. Questions?
  28. 28. Resourceshttp://www.mozilla.org/en-US/styleguide/identity/firefoxos/color/https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UXhttps://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UX/Building_blockshttps://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UX/Patternshttps://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UX/Style_guidehttp://www.mozilla.org/en-US/styleguide/products/firefoxos/icons/http://www.adobe.com/devnet/html5/articles/writing-your-first-firefox-os-app.htmlhttps://marketplace.firefox.com/developers/docs/firefox_os_simulatorhttp://www.underconsideration.com/brandnew/archives/mozilla_to_mobile_oses_fox_you.phphttps://blog.mozilla.org/ux/2012/09/mozcamp-warsaw-design-principles-behind-firefox-os-ux/
  29. 29. hiny! Such It’s so s a hips ter!Now let’s do somedesigning and coding
  30. 30. Thank you! @alecsandru XOXO

×