The author suggests using dark gray instead of black, but then also says that when pixels are completely deactivated on OLED, it saves energy. These seem to be contradictory pieces of advice. What am I missing?
Material Design Guidelines for Dark Mode
31–40 of 163 posts
Re: Material Design Guidelines for Dark Mode
#32Reds should be used instead of neon colours, to preserve night vision
Re: Material Design Guidelines for Dark Mode
#33I 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 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 is a different question, but nothing is ever "pure" industrial design. The reason you think Rams's designs won't ever be outdated is down to personal taste and what part of the cycle we're in. Apple dominates the design zeitgeist and thus Rams is fashionable. That too will fade, notwithstanding the validity of his design principles.
Re: Material Design Guidelines for Dark Mode
#34Earlier quoted context omitted.
In other words: get off my lawn. Seriously though, I like the Swiss/International aesthetic, are there any CSS frameworks / design systems / whatever that implement it?
http://tachyons.io comes to mind.
http://tachyons.io/docs/themes/skins/
Love this page in their docs. I constantly refer to it when I need to think about colors even in non-web/technical endeavors
Re: Material Design Guidelines for Dark Mode
#35Earlier quoted context omitted.
Swiss/International Style Grunge/Punk Posters: https://www.swissted.com/
Wow, Josef Muller-Brockmann and the rest of the 60's swiss clan is rolling in their graves. Very cool. In 2025, we will see a resurgence of GNU.org style websites. Times New Roman fonts, no css only tables, <3kb markup sites. Baskerville is going to make a huge comeback! Most code will be in Computer-Modern fonts and dot matrix printers will be prized on eBay. Future is gonna be fricking amazing! We are going to have…
I feel like we would get along. I keep a Dieter Rams and Adrien Frutiger book next to my keyboard, and also gladly own a dot matrix printer, for nostalgic reasons, (with fresh ink and a box of paper, drivers installed, ready to use at any time).
Edit, photos:
https://www.dropbox.com/sh/leumkzmi0xzvuy7/AAB3V76Y4OSSJQ9nC...
Re: Material Design Guidelines for Dark Mode
#36I 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 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 install RGB interior lighting. Same thing with brake light bars that span the entire width of the car. Even 2020 Porsche 911 had to add one!
Re: Material Design Guidelines for Dark Mode
#37Earlier quoted context omitted.
I love it when people make authoritative statements about design. Because everyone has an opinion about design, it must mean everyone is expert. Dieter Rams designs were absolutely based on trends, and trends which very much fell or of favour for twenty or thirty years. The fact that they are on trend again does not invalidate that. Nor does the fact that his designs in particular are remembered and copied because he…
The issue is the conflation of the form and functional aspects of design. The 'Stripe gradient' on their home page, and a few other things are purely aesthetic, and frankly extraneous to the more functional aspects. Most of the 'guidelines' from Material were reasonably pragmatic, although very picky, beyond what is necessary in all but the most comprehensive apps with big budgets. There's nothing wrong with some aes…
I think this is a great point.
Design has two layers.
The first one is based on science. Ergonomics (i.e. edge of the screen is fast to reach with a mouse, color contrast, size of fonts, ...). The second layer is style. In the given constraint of color contrast, you use _these_ colors, ...
The minimalist style often acts like it is on the first layer, but it is just style on top of ergonomics. It is a good design system. Because it is minimal, it is easier to not make first-layer-mistakes. It is timeless because the second layer is so thin as to not show the trends of the century.
A lot of people think this is good - but I don't think it universally is. As long as you get the first layer right, being more wild on the second layer adds character. Being timeless can also be interpreted as being boring.
Re: Material Design Guidelines for Dark Mode
#38Earlier quoted context omitted.
Wow, Josef Muller-Brockmann and the rest of the 60's swiss clan is rolling in their graves. Very cool. In 2025, we will see a resurgence of GNU.org style websites. Times New Roman fonts, no css only tables, <3kb markup sites. Baskerville is going to make a huge comeback! Most code will be in Computer-Modern fonts and dot matrix printers will be prized on eBay. Future is gonna be fricking amazing! We are going to have…
I feel like we would get along. I keep a Dieter Rams and Adrien Frutiger book next to my keyboard, and also gladly own a dot matrix printer, for nostalgic reasons, (with fresh ink and a box of paper, drivers installed, ready to use at any time). Edit, photos: https://www.dropbox.com/sh/leumkzmi0xzvuy7/AAB3V76Y4OSSJQ9nC...
Super cool! If you want more suggestions, I have hundreds of Design books, my email is on HN profile.
Re: Material Design Guidelines for Dark Mode
#39Earlier quoted context omitted.
The issue is the conflation of the form and functional aspects of design. The 'Stripe gradient' on their home page, and a few other things are purely aesthetic, and frankly extraneous to the more functional aspects. Most of the 'guidelines' from Material were reasonably pragmatic, although very picky, beyond what is necessary in all but the most comprehensive apps with big budgets. There's nothing wrong with some aes…
I think this is a great point. Design has two layers. The first one is based on science. Ergonomics (i.e. edge of the screen is fast to reach with a mouse, color contrast, size of fonts, ...). The second layer is style. In the given constraint of color contrast, you use _these_ colors, ... The minimalist style often acts like it is on the first layer, but it is just style on top of ergonomics. It is a good design sys…
I have a particular fascination for "boring" professor websites:
https://academia.stackexchange.com/questions/38619/why-are-p...
Particularly the following comment:
"In some scientific fields/cultures, a stylish website could be viewed as unnecessary or even pompous. In this view, the textual content of a website is the only thing that matters, and if you "need" to make your website stylish perhaps it lacks real substance. This is the same line of thought that supports simplicity in presentation with minimal graphics. I have encountered this especially in math and theoretical CS."
Re: Material Design Guidelines for Dark Mode
#40> The higher a surface’s elevation (raising it closer to an implied light source), the lighter that surface becomes. That lightness is expressed through the application of a semi-transparent white overlay.
This is a strange choice, considering that the guide has a very strong discouragement against emulating shadows…