: Choosing a color scheme for 3 layers of material UI cards I'm working on the Android UI at work, and I'm happy with the current color conventions we've used; white cards on a grey background,

@Holmes874

Firstly, unless they are dismiss-able, what you have on the right is not "cards" but "tiles". It's a minor technical point, but I think it's still good to be accurate. :)

It looks like that this is where you select a device. If you have 10 devices available, that might mean quite a bit of scrolling. I would make this section into a standard list, separated by lines, or alternating background colors. This might also mean reformatting the text, or reducing the amount of data you are presenting in this list to begin with. Think about what the most important information the user needs to differentiate between the devices, and make that prominent, then de-emphasize or remove the other information. You can fit more if each field doesn't have a line of it's own.

Without knowing more, I would choose the camera name (TI8557) as the most important, with the IP as the second most important.

As to the second question, I don't mind the white button, but does it need to be a button at all? Can you just have the action linked to the text without a surrounding button border? Maybe add an icon if it's not clear enough...

Vote Up Vote Down

@Candy945

When designing mock-ups it's advised to stick to gray scale, much like what you've done. However it doesn't seem like you tried black... which is the colour of one of the buttons (wifi). Maybe give black a shot.

Otherwise, if you have a clear company brand I'd use the main or secondary colours used for the brand. It could be the red on the camera logo that you have there.

Vote Up Vote Down