Really nice tool. Great work mate!
Material Design Color Tool
61–70 of 95 posts
Re: Material Design Color Tool
#62Imo Googles new material design is not impressive. It does however help developers who are not good designers build a cookie cutter app.
I don't think it's as much a design for designers but a design for users. It's a guideline that all apps can follow so that the user doesn't have to relearn every single app and is more likely to know where to find stuff. As far as aesthetics go it's not the greatest yes, but it doesn't have to be. Having a good looking foundation on which to base your app is great. If you really want it can always be innovated. Ther…
I wonder if people say these same things when there's a bootstrap related post, or do people just get that it's a jumping off point? I get it if you just don't like it, but we shouldn't need to explain boilerplate.
I like to look at the apps google builds with their own frameworks as a guideline for good examples. Like https://material.angular.io/ using angular material 2. I like it simple, clean, and easy to read.
Re: Material Design Color Tool
#63What's the "A 100, A 200 etc." on the right-hand side?
And the 50-900, what's this about? From the docs, I read: "pick 500 as primary color". But what does the number refer to?
Re: Material Design Color Tool
#64Earlier quoted context omitted.
I think this is the ultimate goal from Google's perspective at least
That's a very cynical view. I think their ultimate goal is getting nice looking and functioning apps on their platform. Material is an Interaction Design play first, a design play second and maaaaybe a branding play third but whatever. If it makes apps and the web a better place because every Joe Schmoe dev can focus on functionality instead of design (which a lot of people simply suck at) that's great.
But also not strictly on their platform. There's top-down "encouragement" from management to use Material Design in all their iOS apps too, which isn't really being a good citizen of the platform.
Re: Material Design Color Tool
#65Uhm interesting. Seems like a good tool but either I'm using it wrong or it's very weird that it doesn't seem to provide an option for the accent color. here's some other similar tools that I collected over time https://www.sankk.in/material-mixer/ http://flatuicolors.com https://www.materialpalette.com
Shameless plug: http://0xrgb.com (similar to flatuicolors, which was using Flash by that time), 0xrgb also includes ios, tango, solarized and material color schemes.
Re: Material Design Color Tool
#66Earlier quoted context omitted.
I don't think it's as much a design for designers but a design for users. It's a guideline that all apps can follow so that the user doesn't have to relearn every single app and is more likely to know where to find stuff. As far as aesthetics go it's not the greatest yes, but it doesn't have to be. Having a good looking foundation on which to base your app is great. If you really want it can always be innovated. Ther…
I think it's been a misfire precisely because it was bad for users. They couldn't get buttons right! The one button to rule them all thing was a flop that even their own apps have ditched, the only place I still see it is in myfitnesspal (and it's super annoying). It's surprising you can launch what's supposed to be UI/UX guidelines and get buttons wrong. It was obviously untested and had no basis in actual UX satisf…
> The one button to rule them all thing was a flop that even their own apps have ditched, the only place I still see it is in myfitnesspal (and it's super annoying)
I have just opened 4 random Google apps on Android (Search, Docs, Plus, Drive) and they all have the floating action button. Which Google apps have ditched it? The FAB makes a lot of sense on small screens like smartphones.
Re: Material Design Color Tool
#67What's the "A 100, A 200 etc." on the right-hand side? And the 50-900, what's this about? From the docs, I read: "pick 500 as primary color". But what does the number refer to?
Those are accent colors - A for accent. The number refers to the darkness level of the color variant. Not sure what better way to describe it, but it goes from:
Low Saturation Light (50) --> Very Saturated (500) --> Low Saturation Dark (900)
Re: Material Design Color Tool
#68Earlier quoted context omitted.
No, he's right. It's perception. If you have an ugly bottle it doesn't matter if your wine is good, because most people won't get to try it.
The very best wines and the $2.95 stuff are in essentially the same bottle.
Nope.
This is (one of?) the cheapest wine in Italy: http://www.horecare.it/imagesvinobrik/full013.jpg
This is a really good Italian wine: http://www.terredifirenze.it/sites/default/files/bottiglia%2...
Re: Material Design Color Tool
#69Earlier quoted context omitted.
The very best wines and the $2.95 stuff are in essentially the same bottle.
Nope. This is (one of?) the cheapest wine in Italy: http://www.horecare.it/imagesvinobrik/full013.jpg This is a really good Italian wine: http://www.terredifirenze.it/sites/default/files/bottiglia%2...
http://www.wine-searcher.com/
Try to be serious. Wine that costs 1000's of $ per bottle is in exactly the same bottle as wine that costs next to nothing. The only difference is the label.
Of course there are marketing whizzes that package crap wine in fancy bottles to sell it at inflated rates but that's nothing to do with what I was trying to illustrate.
Winebottle: glass enclosure usually topped off with a cork, usually made of green glass. That there is wine that is so cheap it isn't even sold in bottles is an optimization, the fact that there are very fancy bottles with wine that usually isn't all that good is marketing.
Re: Material Design Color Tool
#70Earlier quoted context omitted.
As a user it's super un-intuitive, though. At least how gmail, calendar, maps and other google apps are on Android at the moment. I mostly click and pray.
It's interesting that lots of people on HN say the same thing: I don't know how to perform an action; there are no affordances in the UI. But Google is a data driven company and they must, surely, have scads of data on this. They must know what their users are trying to do and how they're trying to do it, so why are Google interfaces so hard to use?
As a tech enthusiast, I occasionally get surveys to possibly sign up to try out a new version of a Google UI. I've never actually done it because the time windows don't usually work out, but signing up for these user studies is definitely something I ended up in by being in the tech crowd.
But I also have done a lot of tech support for senior citizens, who don't have the innate ability to stumble through bad UI like a lot of us millenial-types do. I feel like Google is talking to the wrong people.
I suspect that if Google UI designers spent some time in senior citizen communities watching people use their email, almost everything about how Google designs web pages would be thrown away.