为啥我开始琢磨这个网页设计规范

前一阵子，我脑子一热想搞个个人网站，觉得就是随便摆弄几下就完事了。结果，开干了才犯愁，完全没规没矩瞎搞，代码都写乱了套。用户打开一看，字小得看不清，按钮位置歪歪扭扭，连我自己都看不下去。

为了别白忙活，我咬着牙从头捋一遍。先上网上溜达一圈，找了点大众博主分享的经验，不看不知道，一看吓一跳：原来人家早就定好了一堆规矩，比如颜色咋配、间距该放多大、图片别乱拉伸。我就照着抄，写了个小本本记下来，心里琢磨着“这回准靠谱”。

实际操作时遇到了啥坑

动手改网站时，开头还行，可一测试全崩了。用户用手机打开，字体一下子窜天高，布局散成一摊垃圾。我气得砸键盘“这不坑爹嘛”忙活半天又得重来，白瞎了熬夜好几天。

后来我发现规矩不是死的，得灵活用。比如颜色这块，我原本一股脑用大红大绿，亮瞎眼；结果按规范调成柔和的蓝灰调后，用户反馈“清爽多了”。间距也是，我开始随便塞，按钮贴到边儿上；规规矩矩拉宽后，手指一戳就点中，用户抱怨都没了。

• 第一，图片规格定不许乱放大缩小，省得网站卡顿
• 第二，字体大小搞统一级别，大字大，小子小，看着不眼花
• 第三，按钮位置固定区域，别到处漂，按两下就出错

弄这些的时候，麻烦一堆。比如按钮位置换着换着，我就糊涂了，又跑回老套路瞎摆，结果手机测试时用户直接骂街。我赶紧翻本本回正轨，浪费了好几个小时。

结果如何，我自己都吓一跳

硬着头皮全折腾完，网站一上线，我立马尝到甜头。用户蹦进蹦出不卡顿，留言说“操作真顺溜”。流量也涨了，以前一天十来个人看，现在呼上百号来晃悠，可把我美坏了。

为啥我这么懂？说白了就是去年坑了自己一回。我跟风想做个商城网站，没管啥规范，忙活三个月瞎搞出个成品，结果用户投诉堆成山，退货还闹纠纷。我白忙一遭一分钱没赚到，连吃饭的钱都赔进去。那阵子老婆天天唠叨“你就爱跳火坑”，我窝囊得躲被窝哭，发誓再也不犯傻了。