你问我答(24)——遵循Web标准的网页设计工作流程(三)
昨天介绍了搭建网页的HTML结构,今天进行下一步工作。
在设计任何一个网页之前,都应该先有一个构思的过程,对网站的完整功能和内容作一个全面的分析。如果有条件,应该制作出线框图,这个过程专业上称为“原型设计”,例如,在具体制作页面之前,我们就可以先设计一个如下图所示的网页原型线框图。

网页原型设计也是分步骤实现的,先把一个页面分为若干个大部分,然后分别逐步细化。
如果是为客户设计的网页,那么使用原型线框图与客户交流沟通是最合适的方式,既可以清晰地表明设计思路,又不用花费大量的绘制时间,因为原型设计阶段,往往要经过反复修改,如果每次都使用完成以后的设计图交流,则反复修改需要大量的时间和工作量,而且在设计的开始阶段,往往交流沟通的中心并不是涉及的细节,而是功能、结构等策略性的问题,因此使用这种线框图示非常合适的。
这里向读者推荐一种绘制圆形线框图非常方便的软件——“Axure RP”,这个软件是专门用来作原型设计的,而且可以方便地设计动态过程的原型,读者有兴趣可以实践一下。这个软件的网址是:http://www.axure.com/。这个软件目前没有中文版。
如果没有Axure RP这样的软件,普通的绘图软件,例如微软公司的Visio,Adobe公司的Fireworks、甚至Photoshop等软件,都可以胜任。
在与客户讨论,确定了原型以后,可以进行实际的页面方案设计了,这一步通常使用Photoshop或者Fireworks等软件完成。如下图所示的是在Fireworks中的效果。

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



哎。其实美工挺重要的不管做程序呀 或者设计呀 都用的到美工
哎。。但是有点不喜欢学 如果让我花一个月时间来深入学习FLASH和PHOTOSHOP 我觉得是浪费时间
但是不学又不行。。还是找时间学吧
师傅我的PS一般化吧 前段想买几本关于PS照片的教程
因为我目前的能力只能先去家公司做前台设计师 但是考虑到自己的美工不行 所以只有加强。
至于FLASH 师傅出的2本FLASH8我都买了 挺棒的。
小渔,
是的,最好能够多了解一些相关领域的技术,然后再精通自己的要做的主攻的方向,这样是最好的了。
[…] 遵循Web标准的网页设计工作流程(三) […]