《网页的策划和设计》PPT课件.ppt

《《网页的策划和设计》PPT课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第三章网页的策划和设计第一节首页的设计第二节网页的色彩第三节网页的基本元素Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.第一节首页的设计一、首页设计的步骤首页，从根本上说就是网站内容的目录，是一个索引。如何设计好一个首页呢？一般步骤是：确定首页的功能模块，设计首页的版面，处理技术上的细节。Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5Cl

2、ientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.1.确定首页的功能模块首页的内容模块是需要在首页上实现的主要内容和功能.一般的站点都需要这样一些模块：网络名称（logo）广告条（banner）主菜单（menu）新闻（news）搜索（search）链接（links）邮件列表（maillist）计数器（count）版权（copyright）Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright

3、2004-2011AsposePtyLtd.2.设计首页的版面版面是指浏览器看到的完整的一个页面（包括框架和层）。设计版面的最好方法是：找一张白纸、一只笔，首先将你理想中的草图勾勒出来，然后再用网页制作软件实现。注意：布局、色彩、主题Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.二、版面布局的原理设计首页的第一布是设计版面布局。布局就是以最合适的方式将图片和文字放在页面的不同位置。Eval

4、uationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.（一）版面布局的步骤1．草案草案属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。2．粗略布局在草案的基础上，将你确定需要放置的功能模块安排到页面上。主要包含网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、计数器、版权信息等。我们必须遵循突出重点、平衡

5、协调的原则，将网站标志，主菜单等最重要的模块放在最显眼、最突出的位置，然后再考虑次要模块的存放。3．定案将粗略布局精细化，具体化。Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.（二）布局遵循的原则1．正常平衡:多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。2．异常平衡:非对照形式，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。3．对比：不仅利用色彩、色

6、调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。4．凝视：所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到凝视页面的效果，一般多用明星凝视状。5．空白：空白有两种作用，一方面对其它网站表示突出卓越，另一方面也表示网页品位的优越感，这种表示方法对体现网页的格调十分有效。6．尽量用图片解说–此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传给浏览者更多的心理因素。网页的白色背景太虚，则可以加些色块;版面零散，可以用线条和符号串联;左面文字过多，右面则可以插一张图片保持平衡;表格太规矩，可以改

7、用倒角;Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.（三）几种常见的版面布局样式1、“同”字型结构布局2、“国”字型结构布局3、自由式布局页面布局就像海报。4、左右对称布局Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.（四）版面布局的

8、技巧1、加强视觉效果2、加强文案的可视度和可读性3、统一感的视觉4、新鲜和个性是布局的最高境界Evaluationonly.CreatedwithAspose.Sl