网页设计的原则与页面风格

《网页设计的原则与页面风格》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页设计与制作》第二章网页设计的原则与页面风格第二章网页设计的原则与页面风格第一节网站设计原则第二节站点的整体风格第三节站点的层次第四节站点的层次实例分析第五节网站结构组织第六节小结第一节网站设计原则一、网站设计的基本原则二、网站设计的国际专业流程第一节网站设计原则——网站设计的基本原则创意除了创意之外，在网站设计时还需要考虑以下基本原则：网页内容要便于阅读。注重色彩搭配。考虑带宽。要适当考虑不同浏览器、不同分辨率的情况。提供交互性。简单即为美。第一节网站设计原则——网站设计的基本原则第一节网站设计原则一、网站设计的基本原则

2、二、网站设计的国际专业流程第一节网站设计原则——网站设计的国际专业流程初始探讨站点构思综合内容页面布局图形制作内容流程测试验收交付初始探讨站点构思综合内容页面布局图形制作内容流程测试验收交付……第二章网页设计的原则与页面风格第一节网站设计原则第二节站点的整体风格第三节站点的层次第四节站点的层次实例分析第五节网站结构组织第六节小结第二节站点的整体风格一、商业网站风格二、非商业组织网站的风格三、个人网站的风格整个网站所采用的结构布局、色调、文字、标志、图案等要素带给浏览者的关于该网站的印象。第二节站点的整体风格——商业网站风格1.

3、Sony的网站第二节站点的整体风格——商业网站风格2.Sun公司的网站第二节站点的整体风格——商业网站风格3.微软公司的网站第二节站点的整体风格——商业网站风格总结商业网站的风格特征：1.公司LOGO应当出现在页面最上方，尽可能做到色彩醒目，同时占用版面小。2.可以采用主题图形产品广告来突出公司形象与风格。位置放在网页中部偏上黄金位置。3.栏目以主题图形配搭文字说明的形式表现。4.必须建立站内搜索引擎，以便浏览者在站内查找所需要的信息。第二节站点的整体风格一、商业网站风格二、非商业组织网站的风格三、个人网站的风格整个网站所采用

4、的结构布局、色调、文字、标志、图案等要素带给浏览者的关于该网站的印象。1.北京电影学院的网站2.北京航空航天大学的网站3.清华大学的网站第二节站点的整体风格——非商业组织网站的风格总结非商业组织的风格特征：1.强调页面的主色调。2.主题图形要求反映单位的风采，设计应有创意、有内涵，庄重中不乏活泼。3.超级链接的分类一定要清晰，可采用图形，必要时可建立站内搜索引擎。4.在主页直接放置信息查看板。第二节站点的整体风格一、商业网站风格二、非商业组织网站的风格三、个人网站的风格整个网站所采用的结构布局、色调、文字、标志、图案等要素带给

5、浏览者的关于该网站的印象。第二节站点的整体风格——个人网站的风格个人网站的基本风格有三种：主题图形式信息发布式介于两者之间的形式这三种个人网站的风格在布局上有区别，尤其反映在主页上。主题图形式信息发布式两者之间的网站两者之间的网站第二章网页设计的原则与页面风格第一节网站设计原则第二节站点的整体风格第三节站点的层次第四节站点的层次实例分析第五节网站结构组织第六节小结第三节站点的层次网站的层次是指主页面（首页或一级页面）和二级页面、三级页面之间的结构关系。大部分网站制作的初学者不重视这种层次规划，以致于网页风格不统一，在网页导航上

6、也出现了很多问题。按照专业网页设计流程，制作网页前应先设计好导航条，即需要事先规划好网页的层次结构。第三节站点的层次几乎所有站点，在网页的层次结构上均可以用三级结构实现，也就是“首页—目录页—文章页”或“一级页面—二级页面—三级页面”结构。在上述的三级结构中，二级页面之间、三级页面之间应保持风格一致。首页与二、三级页面之间的风格也有需要一致之处，但这种要求不十分严格，自由度稍大。第三节站点的层次第二章网页设计的原则与页面风格第一节网站设计原则第二节站点的整体风格第三节站点的层次第四节站点的层次实例分析第五节网站结构组织第六节小

7、结第四节站点的层次实例分析通过实例理解站点的三个层次之间的关系。商业网站非商业网站IBM的站点首页第四节站点的层次实例分析商业网站非商业网站通过实例理解站点的三个层次之间的关系。第二章网页设计的原则与页面风格第一节网站设计原则第二节站点的整体风格第三节站点的层次第四节站点的层次实例分析第五节网站结构组织第六节小结第五节网站结构组织站点目录结构的组织网站的链接结构的组织第五节网站结构组织——站点目录结构的组织网站的目录是指你建立网站时创建的目录。第五节网站目录结构组织——站点目录结构的组织1.不要将所有文件都存放在根目录；2.按

8、栏目内容分别建立子目录；3.每个目录建立独立的images子目录；4.目录的层次不要太深；5.切忌使用中文目录；6.不要使用过长的目录；7.尽量使用意义明确的目录。第五节网站结构组织站点目录结构的组织网站的链接结构的组织第五节网站结构组织——网站的链接结构的组织网站的链接结构