你问我答(24)——遵循Web标准的网页设计工作流程(三)

昨天介绍了搭建网页的HTML结构,今天进行下一步工作。

在设计任何一个网页之前,都应该先有一个构思的过程,对网站的完整功能和内容作一个全面的分析。如果有条件,应该制作出线框图,这个过程专业上称为“原型设计”,例如,在具体制作页面之前,我们就可以先设计一个如下图所示的网页原型线框图

网页设计流程-原型

网页原型设计也是分步骤实现的,先把一个页面分为若干个大部分,然后分别逐步细化。

如果是为客户设计的网页,那么使用原型线框图与客户交流沟通是最合适的方式,既可以清晰地表明设计思路,又不用花费大量的绘制时间,因为原型设计阶段,往往要经过反复修改,如果每次都使用完成以后的设计图交流,则反复修改需要大量的时间和工作量,而且在设计的开始阶段,往往交流沟通的中心并不是涉及的细节,而是功能、结构等策略性的问题,因此使用这种线框图示非常合适的。

这里向读者推荐一种绘制圆形线框图非常方便的软件——“Axure RP”,这个软件是专门用来作原型设计的,而且可以方便地设计动态过程的原型,读者有兴趣可以实践一下。这个软件的网址是:http://www.axure.com/。这个软件目前没有中文版。

如果没有Axure RP这样的软件,普通的绘图软件,例如微软公司的Visio,Adobe公司的Fireworks、甚至Photoshop等软件,都可以胜任。

在与客户讨论,确定了原型以后,可以进行实际的页面方案设计了,这一步通常使用Photoshop或者Fireworks等软件完成。如下图所示的是在Fireworks中的效果。

网页设计流程-fireworks

好了,今天就介绍到这里,明天继续

4,229

欢迎您发表留言

(须填写)
(须填写,不公开)

请注意:这里输入的HTML代码会被屏蔽,如果需要讨论复杂的具体代码问题,请到我们的论坛发贴,谢谢!

3条留言