我最早刚入行那会儿，真是个大愣头青。老板让我“设计个网站”，我心想设计不就是制作嘛做出来不就是设计嘛这俩能有啥区别？当时真觉得是自己给自己找麻烦，瞎琢磨，结果硬生生被一个项目给好好上了一课。

那年接了个外贸客户的小单子，要做个展示网站。我寻思着既然是展示，那必须得漂亮。我一头扎进绘图软件里，对着人家的品牌手册猛啃，什么颜色，字体，排版，我真是抠得细之又细。我花了整整一个多月，终于把所有的页面都“画”完了，导出了所有的高清图片，截图给客户一看，客户直夸“高大上，没得说！”

我心想这单子成了，我的“网站制作”水平简直是大师级别。那时候我把这个阶段理解成完成了。

制作环节：从天堂跌到地狱

可当我把这些图纸扔给我们的码农小兄弟（大部分时间也是我自己硬着头皮写代码）时，问题就来了。兄弟看了看图，脸都黑了，给我甩了三个大问题：

• 第一：你这设计稿在手机上怎么看？你只给了电脑版的设计图，手机和平板的排版？我得重新“猜”着写，完全是瞎搞。
• 第二：你这按钮的鼠标放上去要变色，这个动画效果很炫，但实现起来要写一堆复杂的代码，网站会被拖慢的，性能怎么保证？
• 第三：你首页上这个产品大图轮播，设计稿上很美，但哪个后台系统能对接这么奇葩的尺寸和切换逻辑？

那一刻我才反应过来，我前半个月做的，根本不叫“网站制作”，那叫网页设计。

网页设计，它负责的是“美不美”、“体验好不好”、“视觉上有没有冲击力”。它产出的是图纸、是样子、是感觉。它决定了用户点哪里、看什么、爽不爽。我画图的时候，根本没管那些复杂的技术实现问题，我只是个“梦想家”。

终于搞懂了！设计是画图，制作是盖楼

而我的码农兄弟要做的，才是网站制作。这是个建筑工、是个工程师的活儿。

网站制作，它负责的是“能不能动”、“快不快”、“稳不稳定”。它要把我画的那张理想的图，用代码变成一个活的东西。包括：

• 把我的“样子”用HTML搭出骨架。
• 用CSS和JS实现我图纸上说的“功能”和“动效”。
• 对接后台数据库，保证所有数据能实时更新，而不是一个静态的图片。
• 最要命的是，得确保它在各种乱七八糟的手机、电脑上都能以正常的速度显示（响应式布局）。

我当时真是个傻X，把两个完全不同的工种硬是捏在一起干。那个项目为了把我的“设计稿”硬塞进“制作”里，改了三轮排版，性能直接被拖垮了近一半，不得不砍掉一些花哨的效果。我这才明白，一个好的网页设计师，在画图之前就得考虑“制作”的难度和性能，不能光顾着好看。

所以现在有人问我，我说得可明白了：网页设计是定方向、画蓝图；网站制作是搞执行、建房子。二者相辅相成，但绝不是一回事。你不能指望一个画图的去抗沙袋，也不能指望一个盖房子的去搞艺术。我这个项目算是用自己的血汗钱，给我的职业生涯上了最贵的一课。

从此以后，我把设计稿都做得能让码农少骂我几句，哈哈！