[LearningCoding]

A little off-topic, but I'm learning CSS and this seems like as good a place as any to ask: What are the alternatives to material design (which I think I understand is a certain aesthetic that incorporates shadows and textures)? Is flat design the only main alternative in modern web design, or are there others?

Secondly, the online course I am doing is using fluid grid but I understand that flexbox is another option. Am I better off focusing on one or the other? Thanks.

[deltron3030]

There are others like the HIG (Human Interface Guidelines) from Apple. The ones that are in the open are more like full design systems meant for internal use and prestige. You can find a list of systems on this page: https://adele.uxpin.com

To use shadows for the z-index and layers is quite common these days though, many systems use them. Flat could be just a step after "inset" and before "raised" within a system like that, something you use for normal backgrounds and stuff that are part of the background.

The most basic element in a design system is essentially just an empty frame/box that could hold a shape and color, and optionally a shadow on a shape. This frame could become anything.

[egypturnash]

The only alternative to flat design that will not get you mocked is ironic Geocities aesthetic. Designing something with accents that feel solid and dimensional yet balanced and thougtful is right out, and will probably be sneered at by other “designers”, unless you are designing a video game UI.

Whether or not end users will welcome this is an open question. Everything is boring and flat now, usually on a glaring white background, and maybe that means the field is ripe for a change. Personally I’m beginning to miss all the design accents that aggressive minimalists deride as “skeuomorphic”.