淦！刚通宵改完第27版设计稿，甲方爸爸一句“感觉不对，还是用回第一版吧”直接让我把鼠标捏出了裂痕。这哪是设计网站，这分明是在渡劫！
先说原型，千万别手画个草图就开干！你以为沟通明白了，最后出来的东西跟对方脑子里的“宏伟蓝图”差着十万八千里，最后锅全是你背。现在我都用Figma或者墨刀这种能在线协作指指点点的玩意儿，拉着他每一步都确认，留痕！省得后期扯皮说你没理解需求。
视觉设计才是噩梦的开始。配色？字体？老板说要“高大上又活泼”，我特么直接裂开。我的经验是，先定设计规范，主色、辅色、字体大小层级、按钮圆角、阴影值，全部写成文档，哪怕只有一页。不然你今天用#333明天用#666，后期自己都找不到北，前端兄弟绝对提着刀来见你。上次就因为一个按钮的 hover 状态没写进规范，被测试提了八个 bug，盯着满屏的 @#￥% 修改意见抽了三包烟。
还有响应式！求求你千万别只做 1920 的桌面稿！手机端、平板端至少各出一稿关键页面，脑子里要有栅格系统的概念。别问我怎么知道的，我曾天真地以为前端会“自适应”，结果手机打开首页 Banner 图上的 slogan 被挤得亲妈都不认识，老板用他新买的折叠屏打开网站直接布局崩坏，那个夺命连环 call 我现在还有 PTSD。
最**的环节来了——交付。你甩个PSD或者Sketch源文件过去就完了？等着吧，前端会把你钉在耻辱柱上。“这个间距是多少px？”“这个渐变色色值能不能导出来？”“图标要 SVG 啊大佬！” 所以，切图、标注现在都是基本功，蓝湖或者Pixso这类工具能保命，自动标注和切图，虽然有时候导出还是会出鬼，但至少比你手动量快一百倍。切记，把所有设计稿资源（图片、字体、图标文件）打包，弄个清晰的 README 文档，这是对你和开发兄弟双向的救赎。
最后说个玄学，版本管理！一定一定一定要保留每次修改的版本，并且用日期或版本号命名清楚！“最新版”、“最终版”、“绝对最终版”、“打死也不改版”这种命名方式，最后死的绝对是你。我就经历过硬盘崩了，只找回一个“初版_修改中”的文件的惨案，那感觉比网站被 K 了还绝望。
总之，设计稿这玩意儿，流程和规范比灵感重要一万倍。你以为你在搞艺术，其实你是在做工程。别信什么“自由发挥”，那都是坑。好了，我继续去改我的第28版了，祝我好运。（如果还有好运的话）
