负暄琐话txt:你问我答(24)——遵循Web标准的网页设计工作流程(三) - CSS,Javascrip...

来源：百度文库 编辑：九乡新闻网 时间：2024/04/28 09:18:56
« 你问我答(23)——遵循Web标准的网页设计工作流程(二) | 你问我答(25)——遵循Web标准的网页设计工作流程(四) »

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

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

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

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

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

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

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

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

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

5,256

这篇文章发表于 2008年03月22日 星期六 10:05 pm，并被分类于你问我答。 您可以通过订阅 RSS 2.0 跟踪对这篇文章的评论。 您可以对这篇文章发表一条评论，或者在您自己的网站中引用 (Trackback) 它。

你问我答(24)——遵循Web标准的网页设计工作流程(三) - CSS,Javascrip... 你问我答(23)——遵循Web标准的网页设计工作流程(二) - CSS,Javascrip... 你问我答(25)——遵循Web标准的网页设计工作流程(四) - CSS,Javascrip... {WEB标准}网页布局和网页空白优化设计 div css网页标准版式布局—div css模板下载 CSS:font-size-网页设计 Web标准基础教程：CSS简写指南 Web 2.0与网页设计 - 网页设计标准尺寸.. DIV+CSS十个常见的错误 - 网页设计 - 源码之家 - 源码学院 20个高品质的 Photoshop 网页设计教程 | 高品质 HTML+CSS 制作服务 ... 网页设计中的标准尺寸/ 2011年值得留意的5个Web设计趋向 - 经验技巧 - 网页制作 - 网侠 很多人问的问题：怎样设计网页_网页陶吧_网页设计_天极Yesky 实践DIV＋CSS网页布局入门－设计技巧 WEB工程的设计问题 我有我风格——时尚网店"装修"小技巧-网店,Photoshop,软件,专题,网页,网页设计... 出纳工作流程—会计核算岗位各项具体工作流程 成本核算工作流程—会计核算岗位各项具体工作流程 工资福利工作流程—会计核算岗位各项具体工作流程 主管工作流程—会计核算岗位各项具体工作流程 网页设计教程三剑客 网站设计的思考(8)——网页的色彩 店铺管理制度—工作流程