5 ms·

I really dislike that flat-design has destroyed the use of gradients, I think buttons are much nicer when they look 3d. But flat design did spread the importan

I really dislike that flat-design has destroyed the use of gradients, I think buttons are much nicer when they look 3d. But flat design did spread the importance of contrast, simplicity and subtlety, not to mention using animations to convey meaning, which do wonders to make apps and the web look much better. I think as we move forward elements of flat design and traditional UI design will merge into a new set of popular guidelines - hopefully they'll contain 3d looking buttons :)

bauerd 9y ago
>[…] not to mention using animations to convey meaning, which do wonders to make apps and the web look much better I'd argue most animations today degrade the user experience because they're not done right. Typically, animations have too long durations, transform annoying properties, catch my attention when they should not, and too often just make common interactions more time-consuming, laggy and hence painful. If I could selectively disable CSS animation/transform properties in Chrome, I'd do it in a heartbeat.
rocqua 9y ago
Many gradients look gaudy to me these days. You don't need phong shading on your buttons, a slight bevel using a darker and lighter shade are enough to draw my attention. That is not to say I like flat design, I dislike 'faux curvy 3d' design. Clean lines can be combined with depth perception. For this, very small gradients (i.e. to soften edges) make sense, but these are gradients that ought to be very small. On this 14" laptop I'd say at most 1mm.
- Illniyar 9y ago
  I like the purple button in the cosmopolitan hotel example, and that is a full gradient as far as I can tell. I agree that gradients can be use tactlessly but I find when the colors are chosen correctly they look really well. Of course bevel is also a great looking option

5 ms·

I really dislike that flat-design has destroyed the use of gradients, I think buttons are much nicer when they look 3d. But flat design did spread the importan

by Illniyar 9y ago

bauerd 9y ago
>[…] not to mention using animations to convey meaning, which do wonders to make apps and the web look much better I'd argue most animations today degrade the user experience because they're not done right. Typically, animations have too long durations, transform annoying properties, catch my attention when they should not, and too often just make common interactions more time-consuming, laggy and hence painful. If I could selectively disable CSS animation/transform properties in Chrome, I'd do it in a heartbeat.
rocqua 9y ago
Many gradients look gaudy to me these days. You don't need phong shading on your buttons, a slight bevel using a darker and lighter shade are enough to draw my attention. That is not to say I like flat design, I dislike 'faux curvy 3d' design. Clean lines can be combined with depth perception. For this, very small gradients (i.e. to soften edges) make sense, but these are gradients that ought to be very small. On this 14" laptop I'd say at most 1mm.
- Illniyar 9y ago
  I like the purple button in the cosmopolitan hotel example, and that is a full gradient as far as I can tell. I agree that gradients can be use tactlessly but I find when the colors are chosen correctly they look really well. Of course bevel is also a great looking option