最近有个开咖啡店的老同学问我："看你在网上接单做网页，到底要学哪些东西啊？我店里想搞个预约系统，自己折腾半个月连个按钮都放不整齐..." 这话让我想起三年前自己对着电脑发懵的样子。今天就拿真实案例，掰开揉碎了说说新手到底该学啥。
（一）当客户甩来需求时
上周帮烘焙工作室改版网站，老板开口就要"小红书那种高级感，还要能在线下单"。这时候就得掏出三板斧：
1. 视觉呈现基本功
Photoshop修图调色是基础，像把蛋糕照片的阴影修自然，用Illustrator画矢量图标。记得上次有个客户非要"蒂芙尼蓝"，结果他给的色号在网页显示发灰，最后还是靠H**色彩模式调整才达标。
2. 交互逻辑必修课
用Axure画原型图特别管用，把预约流程拆解成：选日期→选产品→填信息→支付定金。有次忘记做"修改订单"入口，害得客户半夜接修改电话。
3. 沟通读心术
客户说"要大气"可能意味着留白多，说"要活泼"可能想要动态效果。上个月有个教育机构客户，嘴上说不要动画，结果看到竞品网站的粒子特效又心动了。
（二）改稿改到崩溃夜
刚开始总在字体版权上栽跟头。有次用了某免费字体，结果客户印刷宣传册被告侵权，赔了八千多。现在我的素材库分三档：
- 安全区：思源系列、站酷字体
- 危险区：需商业授权的华康字体
- 雷区：微软雅黑（印刷必死）
说到这想起个笑话：有同行在网页用了康熙字典体，客户问"能不能换个年轻人看得懂的字"...
（三）从零到接单的路径
我的学习路线是这样的（仅供参考）：
头两个月
白天练PS切片修图，晚上背CSS盒模型。有次为了搞懂position定位，把浏览器缩放到500%观察元素偏移。第三个月
用Bootstrap搭响应式布局，结果第一个作品在安卓机上错位，才发现rem单位和媒体查询要配合用。半年后
接了个企业站，要求对接物流API。现学JavaScript调接口，调试时把快递单号输成手机号，触发系统警报。现在
用Webflow+WordPress组合，开发速度提升3倍。但遇到定制需求还得手写代码，最近在研究Three.js做3D产品展示。
（四）工具选择的血泪史
刚开始迷信"全栈工具"，后来发现：
- 织梦CMS漏洞多
- Wix修改受限
- 凡科绑定域名贵
现在固定用Figma做设计+VS Code写代码+宝塔面板部署，效率最高。有个诀窍：客户要后台就装WP，要速度就上Hexo。
（五）报价的玄学
新手容易踩这些坑：
- 没算入字体/图片版权费
- 忽略SSL证书年费
- 忘记预留3版修改
上周见个狠人，把客户要求的20个页面拆成"基础版5页+扩展包"，结果多赚了40%。
这行最魔幻的是：昨天还在为CSS动画掉头发，今天就能用现成库搞定酷炫效果。要说秘诀，就是把每个客户需求当闯关游戏——搞定支付宝接口比打boss**多了。最近在琢磨微信小程序开发，听说会这个报价能翻番...
