话说这几天，我不是一直在捣鼓那个新上线的网站项目嘛为让页面更好看，更方便大家用，我就开始琢磨起各种设计元素。其中一个绕不开的东西，就是“按钮”的设计。
我都是直接用“button”这个词来表示按钮。后来在看一些设计大牛分享的经验时，我发现他们老是提到“btn”这个缩写。我就纳闷，这“btn”是啥意思？难道是什么高级的设计术语？
于是我...
话说这几天，我不是一直在捣鼓那个新上线的网站项目嘛为让页面更好看，更方便大家用，我就开始琢磨起各种设计元素。其中一个绕不开的东西，就是“按钮”的设计。
我都是直接用“button”这个词来表示按钮。后来在看一些设计大牛分享的经验时，我发现他们老是提到“btn”这个缩写。我就纳闷，这“btn”是啥意思？难道是什么高级的设计术语？
于是我就开始一番“调查”：
- 先是在网上搜搜，发现好多地方都说“btn”就是“button”的缩写，在设计领域用得很普遍。
- 然后，我又去翻翻以前做过的项目，果然在一些代码注释里看到“btn”的身影。
- 我还特意去问几个做设计的朋友，他们都说“btn”就是“button”的缩写，大家都这么用，方便又省事。
实践出真知
为彻底搞明白，我决定亲自上手试试。我打开常用的设计软件，新建一个网页项目。然后，我尝试在不同的地方使用“btn”来代替“button”：
- 在命名按钮组件的时候，我把“button_submit”改成“btn_submit”。
- 在写CSS样式的时候，我把“.button-style”改成“.btn-style”。
- 在写JavaScript代码的时候，我把“*('myButton')”改成“*('myBtn')”。
结果你猜怎么着？完全没问题！网站照样跑得好好的，按钮的功能也一切正常。这下我总算放心，原来“btn”就是“button”的缩写，用起来没啥区别。
经过这回实践，我现在是彻底明白，“btn”在设计领域就是“button”的缩写，大家约定俗成这么用，主要是为方便。以后再遇到“btn”，我就再也不用犯迷糊！
