3 ms·

I'm somewhat happy to see this as a reasonable alternative to Google's Material Design for (for lack of a better word) serious applications. I am still hoping

by rtpg 3y ago

I'm somewhat happy to see this as a reasonable alternative to Google's Material Design for (for lack of a better word) serious applications. I am still hoping that someone could come out with a design system that could get us a bit more information density. Screens are big but the line spacing on these designs alone means that on larger screens you end up paying a lot for whitespace in between Things look aesthetically nicer than Win98/XP days, but I would love for some more options for information dense UIs other than just "copy what Thunderbird does"

doodlesdev 3y ago
Another alternative to Material Design would be IBM's Carbon [0], as far as boring enterprisey design systems go I find it criminally underused right now. [0]: https://carbondesignsystem.com/ https://carbondesignsystem.com/
- PKop 3y ago
  I'm not sure that this is any better for information density. The buttons are weird, the modal takes up extra space.
  - tauchunfall 3y ago
    Not sure what you mean with extra space, but many components have xs, sm, md, lg, xl, and 2xl sizes, e.g. you can use Modal components with small (sm) size; this is also shown in the live demo on the Modal component page.
- tauchunfall 3y ago
  I used IBM Carbon Design for a backoffice module in a team without UI/UX designers/engineers. We built all components based on React-aria hooks and used the guidelines but also existing react, vue, and svelte components for reference. It's a great design system and implementing the visual design from scratch based in the guidelines helps a lot to understand the concepts behind it. At first it might look like overkill to implement six color schemes for the two light and two dark themes, but once you have this it's very useful to implement a visual hierarchy (using Carbon's layering model [1]) for the pages. There are so many B2B enterprisey webapplications that do not have a good visual hierarchy, no hover and focus states, and no keyboard navigation. Instead they make buttons look like text, i.e. it does not look like you can interact with it. [1] https://carbondesignsystem.com/guidelines/color/overview#layering-model https://carbondesignsystem.com/guidelines/color/overview#lay... *Update:* It's six not only five color schemes.
robertoandred 3y ago
Serious applications should use the design system of the platform they’re running on.
- rtpg 3y ago
  I am willing to accept that proposition in principle (though it basically rules out certain classes of apps from being nice on Android IMO). For sake of argument, let's say that these design systems serve as proving grounds for new platforms. In that case I think there's some interesting discussion to be had! The upteen complaints about things like Gnome 3 or Android's material design. Hell, lots of complaints about iOS 7 at that transition. If there are strong alternative design systems out there, those can be pushed forward

by rtpg 3y ago

doodlesdev 3y ago

Another alternative to Material Design would be IBM's Carbon [0], as far as boring enterprisey design systems go I find it criminally underused right now. [0]: https://carbondesignsystem.com/ https://carbondesignsystem.com/

PKop 3y ago
I'm not sure that this is any better for information density. The buttons are weird, the modal takes up extra space.
- tauchunfall 3y ago
  Not sure what you mean with extra space, but many components have xs, sm, md, lg, xl, and 2xl sizes, e.g. you can use Modal components with small (sm) size; this is also shown in the live demo on the Modal component page.
tauchunfall 3y ago
I used IBM Carbon Design for a backoffice module in a team without UI/UX designers/engineers. We built all components based on React-aria hooks and used the guidelines but also existing react, vue, and svelte components for reference. It's a great design system and implementing the visual design from scratch based in the guidelines helps a lot to understand the concepts behind it. At first it might look like overkill to implement six color schemes for the two light and two dark themes, but once you have this it's very useful to implement a visual hierarchy (using Carbon's layering model [1]) for the pages. There are so many B2B enterprisey webapplications that do not have a good visual hierarchy, no hover and focus states, and no keyboard navigation. Instead they make buttons look like text, i.e. it does not look like you can interact with it. [1] https://carbondesignsystem.com/guidelines/color/overview#layering-model https://carbondesignsystem.com/guidelines/color/overview#lay... *Update:* It's six not only five color schemes.

robertoandred 3y ago

Serious applications should use the design system of the platform they’re running on.

rtpg 3y ago
I am willing to accept that proposition in principle (though it basically rules out certain classes of apps from being nice on Android IMO). For sake of argument, let's say that these design systems serve as proving grounds for new platforms. In that case I think there's some interesting discussion to be had! The upteen complaints about things like Gnome 3 or Android's material design. Hell, lots of complaints about iOS 7 at that transition. If there are strong alternative design systems out there, those can be pushed forward