咱来聊聊网站设计原型那点事儿。作为一个喜欢捣鼓网站的老博主，这可是我的老本行，必须给大家好好分享分享我的经验。

我得先搞清楚这个网站到底是干嘛用的，要给谁看，想让他们在网站上干这些问题，就像盖房子的地基，必须得扎实。我一般会先跟客户聊聊天，听听他们的想法，有时候还得做做用户调研，问问潜在用户他们喜欢啥样的网站。这一步，我把它叫做“摸底”。

画草图

摸底摸清楚，接下来就得动手画草图。别小看这草图，它可是网站的骨架。我会拿出一张大白纸，或者用iPad上的画图软件，把网站的每个页面都大概画出来。这个页面放啥内容，那个页面放啥按钮，都得在草图上安排明白。这时候，不用画得太细，能看出个大概就行。我把这一步叫做“搭骨架”。

做原型

骨架搭好，就得往上添砖加瓦。我会用一些专业的原型设计工具，比如Sketch、Figma之类的，把草图上的东西都变成一个个可以点的按钮、可以滚动的页面。这时候，就要考虑得更细致一些，比如按钮的颜色、字体的大小、图片的排版等等。要让这个原型看起来像一个真正的网站，只不过还不能真正用。我把这一步叫做“添肉”。

细节打磨：

• 颜色搭配得舒服，不能太花哨，也不能太单调。
• 字体大小要合适，不能让用户看得费劲。
• 图片要清晰，不能有锯齿，影响美观。
• 按钮要明显，得让用户一眼就知道点哪儿。

给客户看

原型做好，就得拿给客户看看。我会把原型发给客户，让他们在电脑上或者手机上体验一下。这时候，客户可能会提出一些修改意见，比如这个按钮放这儿不合适，那个颜色不好看之类的。我会认真听取客户的意见，然后回去修改原型。这一步，我把它叫做“过堂”。

经过几轮“过堂”，客户终于满意，我也就可以松口气。就可以把原型交给UI设计师，让他们去设计网站的界面。这又是另一个故事，以后有机会再跟大家分享。

网站设计原型这事儿，说难也不难，说简单也不简单。关键是要用心，要站在用户的角度去考虑问题。只有这样，才能设计出好用又好看的网站。