最近突然想给楼下常去的饺子馆整个网页，老板每次都给我多塞俩饺子怪不好意思的。说干就干，上周六直接抱着电脑蹲在饺子馆角落开工。

开局一张照片

我先掏出手机把菜单拍得咔咔响，油渍都没擦干净。老板娘还笑我："小张你拍这个能当饭吃？"回家打开设计软件就懵了——菜单照片放网页上糊得像隔夜饺子皮，招牌的红底黄字配色在电脑上看简直闪瞎眼。

硬着头皮翻模板

网上搜现成的模板翻了二十多页，好看的都要收费。扒拉出个免费的美食模板，结果头三天改得亲妈都不认识：

• 招牌菜图片框死都要带白边，我的炸酱面照片塞进去像遗照
• 预定按钮死活调不到右上角，跟导航栏打架
• 手机上看排版全乱套，字叠着图像打地鼠

气得半夜三点把饺子馆的辣椒油拌泡面吃光了。

土办法破局

周二一大早揣着尺子去店里量尺寸： 1. 颜色直接抄实体 - 把招牌红黄颜色编码记在油乎乎的餐巾纸上； 2. 图片自己造假 - 实在拍不好菜品图，偷摸在美食网站上截图，用修图软件把水印一点点抠掉； 3. 功能砍到极致 - 什么在线支付会员系统统统扔掉，只留电话按钮，一点就自动呼叫老板手机。

手机屏当标尺

做手机版时直接把平板架在电脑旁，每改个地方就抓手机戳戳戳测试。发现三个致命伤：

• 字体小于14px老板老花眼根本看不见
• 绿色预订按钮在安卓机上显示成屎黄色
• 页面滑动时招牌总卡顿，像扯拉面似的

把招牌换成静态图片才不卡，虽然动态效果泡汤了。

折腾到昨天深夜才搞定，现在网页打开第一眼就是巨大红招牌，往下划拉两下就是电话号码。老板今早试了下，手机差点被顾客电话打爆——原来我把按钮做得比饺子还大，老头手指头一抖就误触，赶紧又缩了20%尺寸。这网页现在土是土了点，但热乎得跟刚出锅的饺子似的。