• Shaarli
  • Tag cloud
  • Picture wall
  • Daily
  • RSS
  • Login
4252 shaares
Filters

The Evolution of Material Design’s Text Fields - Google Design - Medium

QRCode

The results of the two studies showed that these elements of text fields were of most value:

  • Enclosed text fields with a rectangular (box) shape performed better than those with a line affordance
  • The text field box should be represented with a semi-transparent fill and a bottom line or with a fully transparent fill and an opaque stroke.
  • Color contrast of the text field’s lines or strokes met the minimum 3:1 contrast ratios with the background
  • Label text should be placed within the bounds of the text field box
  • Text fields should have rounded corners
https://medium.com/google-design/the-evolution-of-material-designs-text-fields-603688b3fe03
November 5, 2019 at 2:43:18 PM EST *
webdesign styleguide forms
FILLER
Shaarli · The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community · Documentation
Fold Fold all Expand Expand all Are you sure you want to delete this link? Are you sure you want to delete this tag? The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community