如果你曾要求开发人员“把 Logo 做大一点”，或者告诉设计师“修复数据库错误”，你并不孤单。大多数非技术人员会将“网站设计”和“网站开发”混为一谈，仿佛它们是同义词。但事实并非如此。一个职业决定汽车的外观和控制装置的位置；另一个职业则负责建造引擎、变速箱和电路。如果你正计划搭建网站、组建团队或转换职业，理解这两者的区别将为你节省金钱、时间和避免挫败感。
网站设计究竟包含哪些内容
网页设计师的工作是在编写任何一行代码之前解决问题。他们不仅关心网站的外观，还关心从人类视角出发的交互体验。他们的交付成果将指导后续的所有工作。
工作通常从结构开始。设计师会创建布局和线框图（wireframes）——即简单的灰度示意图，用于规划导航位置、内容流向以及用户点击行动号召（call-to-action）按钮时的反应。例如，一个在线预约页面的线框图可能会显示，用户在输入个人详细信息之前需要先看到可预约的时间段。如果这个流程设计错了，用户就会放弃填写表单。
一旦骨架获得批准，设计师就会叠加视觉语言。他们会选择符合品牌标准并能通过无障碍对比度检查的配色方案；选择在阳光直射的手机屏幕上也能清晰阅读的字体；设计具有一致悬停状态（hover states）和反馈机制的按钮、图标和表单字段。所有这些都属于用户界面（UI）工作。
此外还有更广泛的用户体验（UX）领域。UX 设计师会思考“摩擦力”问题。为什么一半的测试组用户找不到运费计算器？为什么移动端用户要在产品图库上使用捏合缩放？设计师可能会重新排列导航、将冗长的结账流程拆分为清晰的步骤，或者添加解释密码为何被拒绝的微文案（micro-copy）。其目标不是装饰，而是清晰。
现代设计师的工具箱包括用于协作原型设计的 Figma、Adobe XD、Sketch（在以 Mac 为中心的代理机构中仍很常见），以及用于处理大量图像资产的 Photoshop。越来越多的设计师会交付交互式原型，让利益相关者在开发人员介入之前就能点击浏览页面。这种早期的模拟可以发现静态截图无法掩盖的误解。
网站开发究竟在做什么
如果说设计是蓝图，那么开发就是施工队、电气工程和建筑验收的结合体。开发人员将批准的设计稿转化为浏览器可以渲染、服务器可以处理的文件。
前端开发人员负责可见的一面。他们编写 HTML 来构建内容结构，使用 CSS 来控制布局和排版，并使用 JavaScript 来管理交互。当开发人员使用 React（最常用的 JavaScript 库之一）时，他们通常是在构建复杂的组件，例如实时搜索过滤器或无需刷新页面即可更新的动态购物车。他们的工作是确保设计师画出的按钮能够真正提交数据、显示加载状态并展示确认信息。
在可见层之后是后端。后端开发人员使用 Node.js、Python 或 PHP 等语言编写服务器端逻辑。他们负责身份验证、处理支付，并处理决定用户看到“有货”还是“缺货”的业务规则。当他们创建 API 时，他们正在构建承载数据的信使