设计一个文本框，未删节

Desknumber

建立网站很困难。让我们在项目并非完美无缺的夸张现实背景下，从头到尾探索组件的创建。
你是否曾经花了一个小时（甚至一天）做某件事，然后把所有东西都扔掉，然后在五分钟内重做？这不仅仅是初学者的代码错误；这是一个错误。这是一个现实世界的情况，你很容易发现自己陷入其中，特别是如果你试图解决的问题一开始就没有得到很好的理解。

这就是为什么我非常支持前期设计、用户研究 电子邮件营销列表 以及创建多个原型——这也被称为“你不知道你不知道什么”这句古老的格言。与此同时，很容易看到别人制作的东西，这可能花了他们很多时间，并认为这非常容易，因为你可以通过看到成品来获得事后诸葛亮的好处。



Jen Simmons在谈论 CSS Grid 和 Piet Mondrian 的画作时很好地总结了“简单就是容易”的理念：

“我觉得这些画，你知道，如果你带着‘为什么那么重要？’的感觉来看待它们。我本来可以这么做的。就像，是的，你今天可以画这个，因为我们已经习惯了这种思维，但是当你周围的一切都是维多利亚时代时——当你周围的一切都是另一种风格时，你会画这个吗？”
我觉得这概括了我看到完全有意义的网站和设计系统的感觉；就好像它们有意义就意味着它们很容易制作一样。当然，通常情况恰恰相反；编写代码很简单，但最需要付出努力的是代码的思考和过程。

考虑到这一点，我将探索构建一个文本框，在我们许多人经常遇到的夸张情况下。希望在本文结束时，我们都能更加强调从一开始的旅程是如何进行的。完成很少是线性的。