Doesn't load for me in Safari, but works in Chrome. From the JS console:
ReferenceError: Can't find variable: IntersectionObserverMaterial Design Guidelines for Dark Mode
51–60 of 163 posts
Re: Material Design Guidelines for Dark Mode
#52Earlier quoted context omitted.
What do you mean by discouragement against emulating shadows? As I read it the shadows stay the same as on the light theme. Are you referring to what they call "glows"? > In a dark theme, components retain the same default elevation levels and shadows as components in lighter themes It looks pretty good in the examples they give IMO. Considering that the default makes such heavy use of elevation it makes sense to kee…
I can't find it anymore, but the Material Design Guidelines had a thing at some point which warned against emulating shadows in place of actually changing elevation.
Well, all CSS shadows are emulated. CSS doesn't have a lighting engine. The docs you are thinking of [0] suggest that elevation is suggested by shadow morphology. Actual elevation in CSS (3D translations along the Z-axis) is useful for scaling effects to create a sense of perspective, but Material guidelines dictate you should just keep it simple and emulate a light source from which you derive a set of emulated shadows.
What works for me in this case is a Sass mixin which accepts a layer as an integer in the range 1-N and casts a shadow based on that layer and the total depth N. Consistency is key.
[0] https://material.io/design/environment/light-shadows.html#sh...
[1] https://material.io/design/environment/elevation.html#depict...
Re: Material Design Guidelines for Dark Mode
#53Earlier quoted context omitted.
It seems like you know a lot about design, so what's wrong with Stripe-styled websites? I'm a big fan of their design. Also, what does "Bumla-lizing" mean? When I Google it, I get this comment.
He thinks homogenization is bad. You're a big fan of a design that's now copied over and over again, at digital agencies, it's a default client ask. They see x and assume x is expensive and wants x, then thousands of Indian devs and designers spend their man hours to replicate it, therefore we further pollute the internet with the same regurgitation of perceived good taste. It's like saying you like a pop song that b…
Homogenization is not limited to software UI design. Consumer electronics and appliances, retail fashion etc. are globally homogenized. That's just how the world works.
Re: Material Design Guidelines for Dark Mode
#54Probalem with dark themes are reflection on the screen
Matte display
Re: Material Design Guidelines for Dark Mode
#55I have a deep rooted issue with design and designers. In 90’s, skeuomorphic trend was picking up steam reaching a climax in mid-2000’s. Web 2.0 design elements were springing up, taking advantage of css; while UI elements sought transparency and blur (Windows Vista). That trend passed and then we had the whole Material design boom in 2012-2015, the entire web was sabotaged by Bootstrap. Color themes and palettes were…
Swiss/International Style Grunge/Punk Posters: https://www.swissted.com/
I don't find these things really work as well as a real misaligned offset printer.
Re: Material Design Guidelines for Dark Mode
#56I have a deep rooted issue with design and designers. In 90’s, skeuomorphic trend was picking up steam reaching a climax in mid-2000’s. Web 2.0 design elements were springing up, taking advantage of css; while UI elements sought transparency and blur (Windows Vista). That trend passed and then we had the whole Material design boom in 2012-2015, the entire web was sabotaged by Bootstrap. Color themes and palettes were…
I have a deep rooted issue with development and developers.
In 90’s, ActionScript trend was picking up steam reaching a climax in mid-2000’s. Flash websites were springing up, taking advantage of animations and sound; while UI elements sought transparency and blur (Windows Vista). That trend passed and then we had the whole ES6 boom in 2012-2015, the entire web was sabotaged by JavaScript frameworks. Frontend libraries were very popular. Cookie-cut DOM abstraction, one-page apps, launchpad dependencies, etc. Post JavaScript world saw some radical shift in small circles: Elm, Crystal, demos and hacked shenanigans whilst the mainstream development kept on drinking the JavaScript koolaid up until forever.
Traditional development has largely been “solved” by the 1960’s - aka, BASIC or C for majority of needs. Of course you’re not gonna have FORTRAN on a modern website. For the curious, google some books by Brian W Kernighan - they still appear to be relevant in 2019. That’s timelessness.
__
In all seriousness, it's a mistake to say that 1 style -- The International/Swiss Style -- can solve all of design's needs. You are purposely forgetting that design relies heavily on taste. Not the designer's taste, but the customer's taste. When I go shopping for organic shampoo, I have an idea of what "organic shampoo packaging" looks like. It's beige, probably has a plant on it, etc. Tastes change, and they change constantly and organically. Changing tastes are a moving target for designers to hit, or if they're lucky they can arrive there early. Also, it's a sign of "freshness" to update your design from time to time. People expect things to update and "get better", both visually and functionally. Similar to fashion, design does not always have to be rationale and objectively beautiful -- it just has to suit it's customer's tastes.
Re: Material Design Guidelines for Dark Mode
#57Page is white and empty except for a top bar in Safari / Mac ... there is an error in the js console ...
Re: Material Design Guidelines for Dark Mode
#58Earlier quoted context omitted.
Traditional graphic design cannot be "solved" and will always be ruled by more or less cyclical trends because graphic design is used (among other things) as a differentiating branding element for marketing and communication. And you can't differentiate a product when everyone has the same branding. Someone starts standing out. People start copying them. And then a new trend emerges, ad infinitum. Industrial design i…
Good point about the differentiating factor in branding. I think about design in same way, whether its web design, garden design or industrial design. For example, similar trends have picked up in Cars. RGB mood lighting - everyone is adding it now without fundamentally considering its utilitarian value. Or even if they realize it is "decoration", market forces and consumer choices are obliging car manufacturers to i…
At least the RGB interior lighting is better than the "lets have all instruments in blue to ruin night-vision" trend
Re: Material Design Guidelines for Dark Mode
#59Earlier quoted context omitted.
Traditional graphic design cannot be "solved" and will always be ruled by more or less cyclical trends because graphic design is used (among other things) as a differentiating branding element for marketing and communication. And you can't differentiate a product when everyone has the same branding. Someone starts standing out. People start copying them. And then a new trend emerges, ad infinitum. Industrial design i…
I totally agree with you. Unfortunately this triggers my rant mode: When branding hits hammers, I think I might quit the human race. Designers fundamentally do not understand that software is a tool that people use to get things done. Constant reorganization and redesign for trends literally robs people of their skills in learning to use software to accomplish their goals. I've been using computers since the early 90…
> Designers fundamentally do not understand that software is a tool that people use to get things done.
I find this point of view - that designers are inferior to developers - to be incredibly condescending and yet very typical of HN. I'm a developer, and I would hate to work with you or someone who holds this view point. You seem like poison in a development team.
Regardless of whether you meant or not, that's what I see here. A bunch of developers telling designers that their bad at their job, that the devs know better than them, and devs know how to tell designers to do their jobs.
> I am sick to death of learning this iteration of a file manager or settings menu, dock, or toolbar.
You're literally just making stuff up. Apple, probably the most infamous capricious design company, hasn't changed their File manager, settings menu, dock, or toolbar in 19 years.
Re: Material Design Guidelines for Dark Mode
#60I have a deep rooted issue with design and designers. In 90’s, skeuomorphic trend was picking up steam reaching a climax in mid-2000’s. Web 2.0 design elements were springing up, taking advantage of css; while UI elements sought transparency and blur (Windows Vista). That trend passed and then we had the whole Material design boom in 2012-2015, the entire web was sabotaged by Bootstrap. Color themes and palettes were…
> Traditional graphic design has largely been “solved” by the 1960’s - aka, the International style or the Swiss style for majority of needs. Of course you’re not gonna have Univers on a grunge band poster. For the curious, google some posters by Josef Muller-Brockmann from the 50’s - they still appear to be designed in 2019.
A documentary touching that subject is Helvetica [1]. It is about the Helvetica font.