What design language/guideline is better: Google’s Material Design, or Microsoft’s Fluent Design?

  • Luna@lemdro.id
    link
    fedilink
    English
    arrow-up
    2
    ·
    1 day ago

    That’s a subjective question. I personally like Material You more, but Fluent is good too

  • Phoenixz@lemmy.ca
    link
    fedilink
    arrow-up
    3
    ·
    1 day ago

    It’s a personal thing, I guess, but Microsoft UI designs (to me) look all god awful crap permanently stuck in 90’s computer UIs.

    Every time I see teams or -gagh- outlook, I have to vomit a little in my mouth, its just off putting.

    I don’t like google either but at least their UI mostly feels nice

    Then there is apple, but usually the “keep it simple” is way, WAY pushed too far.

  • Uschteinheim@lemmy.world
    link
    fedilink
    arrow-up
    2
    ·
    2 days ago

    Apple’s skeuomorphism was the best looking for me. Now everything is boring flat. I hate flat design, hope it goes extinct ASAP.

  • fmstrat@lemmy.nowsci.com
    link
    fedilink
    English
    arrow-up
    7
    ·
    2 days ago

    We used Fluent at a previous job. My recco? Don’t use fluent.

    I feel like the team ended up having to work around it for anything with any amount of complexity.

  • kata1yst@sh.itjust.works
    link
    fedilink
    arrow-up
    10
    ·
    3 days ago

    I mean, it’s incredibly subjective.

    Personally I’m more a fan of material, but it isn’t without it’s faults.

  • fool@programming.dev
    link
    fedilink
    arrow-up
    7
    arrow-down
    2
    ·
    edit-2
    3 days ago

    Disclosure: I’ve done very little UI/UX.

    Google’s Material Design (wikipedia) is much more widely-adopted across OSes/Flutter/the web (see how many websites have that dropshadow topbar and ≡?); Microsoft’s Fluent (wikipedia) is Windows-first, but is usable anywhere.

    Both are based on responding to user actions. Fluent uses lightup acrylic (translucent) canvases (e.g. hover? border glowy.)

    while Google’s Material uses paper-esque whitespace, navbars, dropshadows, and round corners. (e.g. scrolling? dropshadow appears on nav)

    Think Microsoft Teams vs. Google Drive.

    They’re both full-fledged but Material You is way more common judging by places such as the F-Droid ecosystem on Android. As for which is “better”, Material You supposedly has better colorscheme flexibility since it ‘wants’ to adapt to e.g. user wallpapers. But other than that it’s really just preference (or whether relevant tooling exists :P). I know some devs use Material You for a predictable, unified look across Android apps, while others bend them to their will to reduce animations or whatnot.

    If you’re designing something, make sure you keep your own self in the mix too. Breezy Weather uses Material Design, but it’s more customized to have a unique feel than, say, TrackerControl (which also uses Material).

  • LainTrain@lemmy.dbzer0.com
    link
    fedilink
    arrow-up
    9
    arrow-down
    5
    ·
    edit-2
    2 days ago

    Material Design is nice, but “Material You” is a drastic misstep and garishly awful, extremely unpleasant to look at and interact with all around with the gross pastels (especially that skin colour one ewww).

    Hopefully we go back to the Android 8.1 - 10 design language as that was the best of Material.

  • etchinghillside@reddthat.com
    link
    fedilink
    arrow-up
    2
    ·
    3 days ago

    Remind what a design language is?

    Is this like a brand guideline of specific colors and rules to follow? Or like a prestyled UI widget pack?