[Alex Pazhyn] Material Design Custom Branding

[Alex Pazhyn] Material Design Custom Branding

Presentation from GDG DevFest Ukraine 2015 - the biggest Google related event in the country. October 23-24, Lviv. Learn more at http://devfest.gdg.org.ua/

3a6de6bc902de7f75c0e753b3202ed52?s=128

Google Developers Group Lviv

October 23, 2015
Tweet

Transcript

  1. Material Design Custom Branding Alex Pazhyn UI Designer @ Ciklum

  2. None
  3. #dfua source: tecmaisblog.com.br

  4. Visual Language #dfua source: flickeringmyth.com, nocookie.net

  5. Marketing Tool #dfua source: flickeringmyth.com, nocookie.net

  6. digital paper #dfua

  7. digital paper typographic design #dfua T

  8. App #dfua

  9. #dfua

  10. #dfua Identity source: lindenbarbosa.nl

  11. App Icon #dfua

  12. None
  13. Logo #dfua

  14. #dfua

  15. #dfua

  16. #dfua

  17. #dfua

  18. #dfua source: dribbble.com

  19. #dfua source: dribbble.com

  20. Color Palette + Hierarchy #dfua

  21. None
  22. None
  23. materialpalette.com #dfua

  24. None
  25. #dfua

  26. None
  27. #dfua break the rules

  28. #dfua

  29. None
  30. #dfua

  31. None
  32. #dfua

  33. None
  34. Typography #dfua

  35. A Z #dfua Use any typeface you want

  36. A Z #dfua Use your own font

  37. A Z #dfua Rational typography system

  38. #dfua Heading 1 Heading 2 Heading 3 Heading 4 Material

    Design Icons' growing icon collection allows designers and developers targeting various platforms to download icons in the format, color and size they need for any project.
  39. #dfua Follow the MD guidelines for baseline grids.

  40. #dfua source: design.google.com

  41. #dfua Google Fonts

  42. #dfua Typography difference ?

  43. #dfua

  44. #dfua

  45. #dfua

  46. #dfua Noto font

  47. #dfua source: wikipedia.org

  48. #dfua Ում ես հետդ հաﬔմատեմ, Չկա քեզՈւ

  49. #dfua Ում ես հետդ հաﬔմատեմ, Չկա քեզ հավասար,

  50. #dfua So?

  51. #dfua source: design.google.com

  52. Illustrations & Textures #dfua

  53. Your own style source: dribbble.com #dfua

  54. #dfua source: dribbble.com

  55. Animation #dfua

  56. #dfua source: dribbble.com

  57. #dfua source: dribbble.com

  58. None
  59. keep in mind #dfua

  60. #dfua Redesign of outdated versions

  61. #dfua

  62. #dfua

  63. Tricks #dfua

  64. #dfua androidexperiments.com

  65. #dfua

  66. #dfua So?

  67. None
  68. @alex_pazhyn +AlexPazhyn alexpazhyn.vsco.co