从一个「结果」说起
客户第一次看到自己网站的时候，通常是在它已经做完的时候。
点开网址，页面加载出来，导航清清楚楚，产品、案例、联系方式各就各位，手机上看也很顺。客户会说一句「可以，挺好的」。
这是一个干净的结果。但在这之前，它经历过一段不太干净的过程。
这篇文章想把这段过程说一说。不是为了证明做网站有多不容易——我们做这行十年了，早就习惯了。而是因为很多客户并不知道，一个网站从「想做」到「上线」，中间到底要过多少道关。不知道，就容易着急；着急，双方都累。
把路摊开看看，也许下次配合能更顺一点。
第一关：把「我想要个网站」翻译成需求
客户找到我们的时候，第一句话通常是「我想做个网站」。
这句话是真实的，但它不是需求——它只是需求的入口。网站用来做什么、给谁看、想让访客看完之后做什么，这些还在客户脑子里，有的已经想清楚了，有的还没有。
设计师在这里做的第一件事，是翻译：把一句模糊的意愿，拆成可以动手的条目。
我们会先问几个具体的问题。比如「你希望访客进来之后，第一眼看到什么」，比如「你最主要的客户是通过什么方式找到你的」。这类问题比「你的网站想要什么风格」有用得多，因为前者能问出信息，后者只能问出感觉。
这个过程需要反复。有时候一个问题要换三四次问法，才能碰到客户真正在意的那个点。设计师要做的不是记录答案，而是从客户的回答里，听出他没说出口的部分。
这个过程需要客户的配合，而设计师能做的，是把问题问得足够具体，让客户回答起来不费力。
第二关：定栏目——这一步决定网站此后五年的骨架
需求清晰之后，进入真正意义上的设计起点：定栏目结构。
这个环节在外人看来很简单——不就是决定导航上有几个菜单项吗？但实际上，它是整个项目里最需要判断力、也最不容易返工的一步。栏目定得合理，后面的设计、内容填充、SEO 都是顺的；栏目定得别扭，后面每一步都在补救。
设计师在这里要做的，是把客户散落的信息重新归类。客户通常会告诉我们「我有这些产品」，但很少告诉我们「这些产品之间是什么关系」。有的产品是并列的，有的是包含的，有的是同一件东西的不同叫法——这些关系得由我们梳理出来，再变成页面的层级。
这一步我们通常会做两个动作。
一是对照客户的业务逻辑，而不是他嘴巴里说的顺序。客户说的时候往往是想到哪说到哪，设计师要把这些碎片重新编码，让栏目之间形成符合访客认知的结构。
二是预判未来的扩展。栏目结构不只是为今天这个网站服务的，它还要容纳客户明年的新产品、后年的新业务。我们会刻意留出余地，避免客户一上新东西就要动整站结构。
客户这一侧，需要参与的是认可这个结构。这一步对齐了，后面会省很多事。
第三关：内容——客户手里没有现成的，我们陪着一点点攒
栏目定了，接下来是往每一个栏目里装内容。这是整个流程里最消磨时间的一段。
原因很简单：绝大多数客户，从来没有系统地整理过自己的产品或服务。他们对自己的业务了如指掌，但那是「心里知道」，不是「纸上写清」。一旦要求他们把产品分类、卖点、参数、图片整理成一份可以直接放进网站的清单，难度就显现出来了。
设计师在这里做的工作，其实已经超出了「设计」，更接近于梳理和引导。
我们会给客户一些参照——用他们熟悉的购物平台的分类逻辑打比方，让他先建立「分类」这个概念。如果还是不好理解，我们会提供带示例的模板文件，把结构摆出来，客户照着往里填。再进一步，我们会建议客户先给一批内容，我们做进页面里给他看——看到实物，比听十遍解释都管用。
这几种方式不是拍脑袋来的，是在很多个项目里一点点试出来的。它们的目标只有一个：把客户脑子里那个说不清的东西，变成页面上那个说得清的东西。
这个阶段最耗精力，也最不容易被看见。因为在最终的网站上，访客看到的只是一份整齐的内容清单，看不到它背后被整理了多少遍。
第四关：配色与视觉——从客户的品牌里长出来
内容和结构都清晰之后，才算真正进入大多数人理解的「设计」环节。
配色是从客户已有的品牌资产里取的，主要依据是 logo。这不是一个随意的选择——网站的颜色如果和品牌标识对不上，访客会明显感到割裂。所以视觉设计的起点不是设计师的个人喜好，而是对客户品牌的一次承接。
但「取色」不等于「照搬」。logo 上可能只有一个主色，而一个完整的页面需要主色、辅助色、中性色、强调色的组合。设计师要做的，是在保持品牌调性统一的前提下，把这套色彩体系补充完整，并且分配好它们各自的职责——哪个颜色负责引导，哪个颜色负责安定，哪个颜色只在最需要被点到的地方出现。
除了颜色，还有版式、字体、图片处理、动效节奏。这些细节单独看都是小事，合在一起才构成一个页面的「气质」。而气质这个东西，客户说不出要什么，但一眼能看出「对不对」。
所以设计师在这一步，往往要给出不止一版方案，让客户在对比中找到感觉。这不是试探，是用具体的东西去对齐抽象的描述。
第五关：改稿——真正的功夫在看不见的地方
设计稿出来，进入改稿。
改稿是设计师工作里最考验耐心、也最容易被误解的一段。
客户给的反馈，经常会是一句「感觉不太对」。这句话里没有具体信息，但设计师不能要求客户说清楚——客户的职责是表达感受，把感受翻译成修改动作，是设计师的职责。
遇到这种情况，我们要做的是把自己的方案重新过一遍，从客户那句话里找线索：是颜色太重了？是信息太密了？是哪个板块的顺序让视线不舒服？然后拿几个可能的调整方向再去给客户看，用一轮轮的对比，逼近那个「对」的位置。
有时候客户会给具体指令——「这个字号大一点」「这个挪到上面」。这种反而好办。真正消耗人的，永远是那些感觉层面的往返。
这一段也是最不容易被理解的。在外人看来，改稿好像就是动动鼠标。实际上，一次「感觉不对」，可能意味着把整个页面的视觉逻辑重新推演一遍，然后推翻自己昨天的判断。设计师的职业性，很大一部分就体现在这种推翻自己的坦然里。
第六关：多端——一块屏幕上的方案，要在所有屏幕上成立
视觉定稿，还不是终点。接下来要解决的是多端适配。
一个网站在设计阶段可能是在大屏上做的，但访客不会都从大屏进来。有人用笔记本电脑，有人用手机，有人用平板。同一套内容，要在这些尺寸差异巨大的屏幕上，都保持可读、可看、可用。
这不是简单地等比缩放。屏幕变窄之后，横向排列的板块要变成纵向，并排的元素要变成堆叠，导航要收起，图片要重新裁切，字号和间距要重新计算。很多时候，一个在电脑上很漂亮的版式，到了手机上必须重新设计一遍。
设计师在这一步要做的，是拆掉自己刚做完的方案，在限制里重建它。这个重建的过程往往比原设计更费脑子，因为它没有大空间可以挥霍，每一个元素都要争抢有限的位置。
访客在手机上顺畅地划过一个页面，大概不会想到，这背后是设计师在两种完全不同的画布上，把同一件事讲了两遍。
最后一关：上线之后
网站上线，流程看起来结束了。
但对做这一行的人来说，真正的检验从这时候才开始。页面在实际环境里加载得怎么样、客户拿到后台之后能不能顺利自己更新内容、后续的调整需求什么时候来——这些都是上线之后的事。
我们把一个网站的诞生，拆成了上面这六关。写下来之后会发现，其中大部分环节，客户在最终成品里都看不见。他们能看到的是那个干净的结果，看不到的是这个结果下面一层层压实的过程。
这没什么好抱怨的。一份工作的价值，本来就不在于它被看见了多少，而在于它被做得怎么样。
我们只是希望，当你下次看自己的网站时，能稍微知道一点它的来路——知道它是被一步一步认真做出来的。