|
|
|
|
|
by danmostudco
2303 days ago
|
|
For what it's worth - I saw the value of Tailwind UI as its connection to the Refactoring UI product from Adam Wathan (tailwind) + Steve Schoger - https://refactoringui.com/ The tips, screencasts, and eventual book they offered gives a superb, distilled, crash course on making stuff "look good" when to the untrained eye it can all seem arbitrary. They take a lot of guess work out of adding polish to your product. Taking a look at Tailwind UI, it's clear they have baked in all of the tips and tricks into the components offered, adhering to preached principles like good visual hierarchy, layout and spacing, color theory, and typography. Therefore, while TailwindUI may seem like just a bunch of utility classes, the components they have constructed tap into a lot of solid design principles that a large community has bought into and studied. I'll for sure be buying and trying it out in future projects of mine. Previous discussion on Adam and Steve's book here: https://news.ycombinator.com/item?id=18655224 |
|
Let's take their most recent post for example (Remove Borders): https://twitter.com/steveschoger/status/897849211110273024
The only explanation as to WHY is the before "look[s] really busy." That's quite subjective and unhelpful. There's no testing here, there's no remark on usability/accessibility, no discussion of color-blindness vis-a-vis background color tones, nor real justification for the change anyway.
If you want to create pretty things without worrying about the consequences, they seem like a great resource. But hard to see it as more than a toy resource; professional UI resources do a much better job because they're made for real end users, rather than other developers e.g. UK Digital Project[0], US Digital Project[1].
PS - I'm not saying their designs don't look nice. I'm saying a nice looking UI design isn't a good yardstick for UI. I've created plenty of nice looking UI that users performed worse using.
[0] https://design-system.service.gov.uk/
[1] https://designsystem.digital.gov/