一、设计前那点事
1. 仔细全面整理、了解网站所涉及的产品文案 [沟通]
当产品经理发起一个产品需求时，专业的产品的经理都要会写一份详细的产品需求文案和网站的交互搞.产品文案中会设计到网站的功能及特性、网站与用户的关系、用户操作流程、及设计上一些要求等等。这时我们就要和产品经理深入沟通，了解他们需要什么样的东西!主动发表自己的意见和提出文案中的疑问!沟通是关键，不然你会走好多弯路，最好又要重新开始!
2. 梳理网站框架与布局[初步]
网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型等。门户网站设计布局必须要以“快捷方便速度优先价值内容”为指导。最重要的优化客户的需求，布局尽量简洁化、简单化!我们要做的把握网站的定位对产品经理的简单的示意图做处合理的框架布局。当然了，公司有交互设计师，那是交互要做的`事。
3.明确网页的色彩搭配及整个风格走向 [深入]
一般门户网页设计的色彩 指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。而这种色彩一般来自于产品的logo主色调.当然了，还有了解网页设计用色的相关原理，才调出更好色彩搭配!这里就不多讲，需要大家有良好的审美能力，审美能力也不是一天两天就可以达到很高的水准的!
4.参考浏览相关优秀网站 [探导]
根据产品的性质，寻找类似的优秀网站作为参考和探导。目的让自己更深入地了解这个产品需求的全球走向及设计风格趋势，以致能更好滴把握整体网站的设计定位!
二、设计中那点事
1. 铺好框架，明确分类，确定相关尺寸 [动手]
栅格化布局,这个时候我们就要对整站，版块高度、间距及图片的尺寸做严格的要求和规定。我的习惯是先铺好整个网站框架，然后再去深入细节，如配色、样式等。
从上至下依次展开设计。
如图一样，把整个结构用单色(灰色比较好)铺好!然后逐步去设计，这样下来不会乱，也会比较统一