125

Google Design (google.com)

over 9 years ago from , UX Designer at Millennial Media

56 comments

  • Jean-Marc DenisJean-Marc Denis, over 9 years ago

    I am really happy to see such positive feedbacks. It was really cool working on it.

    39 points
    • Daniel FeldtDaniel Feldt, over 9 years ago (edited over 9 years ago )

      Some may not agree on the style, but they can't say that the design isn't thoroughly thought out and extremely well documented.

      I love it. Great work and congrats!

      8 points
    • Aaron SagrayAaron Sagray, over 9 years ago

      Fantastic documentation. This is great for Google, and for designers as a whole.

      3 points
    • Oisin LaveryOisin Lavery, over 9 years ago

      Be proud Jean-Marc!

      0 points
    • Joseph BarrientosJoseph Barrientos, over 9 years ago (edited over 9 years ago )

      I was so excited to see the direction of android material. I've been expecting google's android team to head into that direction of cross platform design but wasnt sure when. Great work, if you need a mentee on the team let me know. (;

      Cheers!

      1 point
    • Marc EdwardsMarc Edwards, over 9 years ago

      Amazing, coherent work. Everyone on the team should be proud!

      2 points
    • Ryan Hicks, over 9 years ago

      I want to work on it too! How do I join up?

      3 points
    • Paul Forgione, over 9 years ago

      I still love this direction. And it's great to see it rolling out across all platforms.

      I interned at an agency last summer doing work for Google. We worked with a Google team on a code-named design direction that looked very similar to Material Design.

      I'm glad to see how it evolved and that it gets to see the light of day. I'm starting at M.V. in a few weeks, maybe I'll see you around!

      1 point
    • Moaaz SidatMoaaz Sidat, over 9 years ago (edited over 9 years ago )

      Really happy to see the 'polish' in Google's unified design language. Very well-documented. Looking forward to working within these parameters.

      0 points
  • Chris RodemeyerChris Rodemeyer, over 9 years ago

    One of the most coherent and imaginative design systems I've seen. Google just edged out Apple in a big way.

    29 points
    • Bruce Vang, over 9 years ago (edited over 9 years ago )

      I think so too. Look at Apple's animation documentation. For an OS that is heavy with animations, it's like they didn't even try. https://developer.apple.com/library/ios/documentation/general/conceptual/Devpedia-CocoaApp/Animation.html

      2 points
      • Jack ElliotJack Elliot, over 9 years ago

        Apple's docs are for engineers; designers should already know how to do their jobs.

        19 points
        • João Beno Schreiner JuniorJoão Beno Schreiner Junior, over 9 years ago

          So design trends never change, or no designer should use guidelines and samples provided by the platform producer to create experiences consistent with the system where they intend deploy their apps?

          8 points
        • Bruce Vang, over 9 years ago (edited over 9 years ago )

          ....I thought it was /sarc but I'll reply anyways.

          What if you're a small dev team without a designer? What if you'e a web designer wanting to get into mobile design? Designing for mobile is a different beast and having these subtle design patterns documented is helpful.

          3 points
        • Juan SolanoJuan Solano, over 9 years ago

          Your comment will just make every post/ talk/tutorial/course/ book about design and technology unnecessary since "designers should already know how to do their jobs", right? We just happen to know it all somehow.

          6 points
        • Ryan Hicks, over 9 years ago

          Sounds like you're angry. Guidelines are there to set standards to keep system defaults, and to maintain a certain level of quality for all apps as a minimum to strive for that enhances the user experience. Designers certainly know these styles or at least most of them. Things change and guidelines help keep those standards in place for all. In your thinking... engineers should already know this as well.

          1 point
  • Zach JohnstonZach Johnston, over 9 years ago

    I think we'll start to see more and more apps (mobile and web) use the floating circle buttons. They seem to be cropping up all over Google's examples.

    floating buttons

    16 points
    • Clark WimberlyClark Wimberly, over 9 years ago

      I just launched a build that includes a "hanging button" just like this, so that makes me feel pretty sweet.

      1 point
    • Juan SolanoJuan Solano, over 9 years ago (edited over 9 years ago )

      Yes, one can definitely see the pattern there, but they don't really say what are the use cases for that circular button or when should/could it be used. Or do they? I am curious of how they decided it was a good design pattern to go with.

      EDIT: I found this video snippet which explains "the FAB button"

      2 points
  • Diego LafuenteDiego Lafuente, over 9 years ago

    Light years ahead of Apple in UI now.

    13 points
    • Juan SolanoJuan Solano, over 9 years ago (edited over 9 years ago )

      It seems like the best improvement on UI this year at Apple was "the awesome blurred background", and that was it. I have never understand why people clap so much at so little at Apple conferences. Comment written from a Mackbook.

      1 point
  • Account deleted over 9 years ago

    delightful

    13 points
  • Jake ZienJake Zien, over 9 years ago

    Remember when people said that "Google is getting better at what Apple does faster than Apple can get better at what Google does"? This seems like the result of that change. My heart wants Apple to win, but my eyes… they're feeling convinced.

    11 points
    • Kyle CaseKyle Case, over 9 years ago

      That quote is so true. I'm loving Google/Android's direction right now. This is why competition is great for users. Both companies are creating some incredible experiences.

      4 points
      • Ian GoodeIan Goode, over 9 years ago

        | This is why competition is great for users. Both companies are creating some incredible experiences.

        1000x this. I know a lot of people who are completely fanboy blind when it comes to different platforms, they're missing out on so much.

        3 points
  • Pasquale D'SilvaPasquale D'Silva, over 9 years ago

    Nice animation presentation section, but they still suck at general timing principles. Many of the animation terms are pretty weak too.

    7 points
  • Mattan IngramMattan Ingram, over 9 years ago (edited over 9 years ago )

    I love that the files provided in the new design guidelines are for Illustrator, and all the values presented are for Illustrator styles (such as dropshadows).

    I'm gonna be that guy and point out how much shit I get here every time I say Illustrator is 1000x superior to Photoshop for UI design. I guess Google agrees!

    http://www.google.com/design/spec/layout/layout-principles.html

    7 points
    • Todd BurtonTodd Burton, over 9 years ago

      I am a Illustrator over Photoshop guy through and through - awesome catch and awesome resources for the Illustrator people!

      1 point
    • Ben KocaBen Koca, over 9 years ago

      Yeah, the sheer amount of resources they offered up right away is incredible. No need for UI kits when it's already provided. Super pumped to play around with them more.

      2 points
    • Emelyn BakerEmelyn Baker, over 9 years ago

      Supporting that Illustrator love! The UI kits here are just fantastic.

      1 point
    • Sergie MagdalinSergie Magdalin, over 9 years ago

      I'm not surprised they prefer Illustrator over PS - speed, vector-first, multiple artboards.

      0 points
      • Mattan IngramMattan Ingram, over 9 years ago

        Yeah but you should see how angry people get when I suggest Photoshop is worse than Illustrator at such things.

        They all begin ranting about how the designer matters more than the tool, and anyone can design UIs out of twigs if need be (well that's the result of their logic at least).

        0 points
  • Account deleted over 9 years ago

    wtf

    wut

    6 points
  • Taron GhazaryanTaron Ghazaryan, over 9 years ago

    This is a great update, but a lot of the design guidelines are poorly thought out. Seems like Google had the perfect opportunity to learn from Apple's mistakes with iOS7. Instead, they further emphasized Apple's shortcomings.

    http://cl.ly/image/2I0F3D34333F/Screen%20Shot%202014-06-25%20at%2010.52.01%20AM.png

    5 points
  • Bruce Vang, over 9 years ago

    Really liked how they documented animation. http://www.google.com/design/spec/animation/authentic-motion.html#

    5 points
  • Brian A.Brian A., over 9 years ago

    I feel like there's a lot of wordy nonsense in there, but that said, this is nothing short of amazing. The level of depth and consideration that went into this is incredible. Good job, Google.

    4 points
  • Ian GoodeIan Goode, over 9 years ago

    This is great and I love how they've built all the various parts of the UI as web components so that web apps can take advantage of them.

    That said, what % of Android phones are realistically going to be running this even a year from now?

    4 points
    • João Beno Schreiner JuniorJoão Beno Schreiner Junior, over 9 years ago

      I guess many, since with compat libraries, you can give all new look and feel to your app, and support android since 2.2+

      And launchers will get the system UI part, only the base apps will remain with the old look and feel...

      1 point
    • Jim SilvermanJim Silverman, over 9 years ago

      this isnt android. this is google. the initiative stretches across web, android and ios.

      0 points
  • Jamie FangJamie Fang, over 9 years ago

    Too much After Effects. Not enough demos.

    2 points
  • Sandeep PrabhakaranSandeep Prabhakaran, over 9 years ago (edited over 9 years ago )

    Bye Bye Signal bars? Funny, I was able to find this in only one screenshot so far: signal-bars

    2 points
  • Alex GeoffrionAlex Geoffrion, over 9 years ago

    Funny that they don't document where to put Google Ads.

    1 point
  • Andres AcostaAndres Acosta, over 9 years ago

    I found the Google design specs to be insightful and surprisingly entertaining.

    This one was my favorite:

    Do not over cardify

    Google Design Spec > Components > Cards

    1 point
  • Cameron GilesCameron Giles, over 9 years ago

    The motion really reminds me of some great stuff found at Easings.net

    1 point
  • Zach KuzmicZach Kuzmic, over 9 years ago

    This is so f**king beautiful it brings a tear to my eye. Awesome work.

    0 points
  • Andreas BrixenAndreas Brixen, over 9 years ago

    In terms of documentation, I personally think that this is fantastic. Does anyone of you know of a service that does this kind/scale of documentation?

    0 points
  • Ryan Hicks, over 9 years ago

    ANDROID FTW! =))

    0 points
  • Piet AukemanPiet Aukeman, over 9 years ago

    Some of the colors and icons (triangle, circle, square?) strike me as infantile but it's a very strong introduction that I'm excited to see evolve and mature.

    0 points