最近接个活儿，给一个朋友的公司做个网站。今天就跟大家唠唠，我是咋一步步把这个网站设计出来的。

朋友就跟我说下他大概想要个啥样的网站，主要就是展示他们公司是干啥的，有哪些产品，怎么联系他们。需求挺简单的，我心里大概就有数。

摸清需求，心里有数

我这人干活儿喜欢先弄清楚需求，所以我就跟朋友详细聊聊。问他喜欢啥样的风格，有没有参考的网站，想要放哪些内容等等。这一通聊下来，我基本上就把他想要的东西摸得差不多。

开始动手，设计首页

需求清楚，咱就开始动手干活。我一般习惯先从首页开始设计。毕竟首页是门面嘛得好好弄。

• 先画草图：我拿张纸，把首页大概的布局画画。哪块儿放logo，哪块儿放导航，哪块儿放产品展示，都先简单规划一下。
• 再做原型：草图画好，我就开始做原型。我用的工具是那种拖拖拽拽就能做的，把草图上的东西都搬到原型里，这样就能更直观地看到网站的样子。
• 设计稿出炉：原型朋友看没问题，我就开始做详细的设计稿。颜色、字体、图片，这些细节都得好好琢磨。这块儿花的时间比较多，毕竟要弄得好看点嘛

内页设计，保持一致

首页设计好，内页就相对简单。主要就是保持和首页风格一致，把内容排好版就行。

• 产品列表页：这个页面主要是展示他们公司的产品。我用个列表的形式，把每个产品都放上去，配上图片和简单的介绍。
• 产品详情页：点击产品列表页的某个产品，就会跳转到产品详情页。这个页面就要详细介绍这个产品的功能、特点等等。
• 关于我们页：这个页面主要是介绍他们公司的，比如公司历史、团队成员等等。
• 联系我们页：这个页面放他们公司的联系方式，比如电话、邮箱、地址等等。

给朋友看效果，反复修改

设计稿做完后，我给朋友看下效果。他提些修改意见，比如某个地方颜色要改改，某个地方图片要换换。我就根据他的意见，又修改几次。

确认最终设计： 经过几次来回修改，朋友终于满意。这样，整个网站的设计工作就算完成。

这回的网页设计，大概就是这么个过程。每个项目都差不多，无非就是需求沟通、设计、修改、确认这几步。主要还是细心和耐心，才能把活儿干