网站的结构与编排.pptVIP

色调 虚拟世界是个色彩缤纷的天地，许多现实中没有的色彩都可以通过计算机合成，给人以不同的美感。 基于人的视觉享受，和保证网站整体整体风格的统一，网站通常会确定一至三种主色调。 文字的美 横版结构 竖版结构 横竖结合式结构 首页的内容组织 * 第二节 网站的结构与编排 第二节 网站的结构与编排 1 网站的结构 2 网站的创意设计 3 网页的编排设计 _学习目标 第二节 网站的结构与编排 2006.12.1.xi’an 知识目标：了解建立网站结构的原则，掌握网站的几种常见结构方式；了解网站的创意设计的基本原则和创意设计中的相关要素；了解网页编排设计的基本原则。 能力目标：能够根据网站定位的实际需要，运用网站结构、网站的创意设计和网页编排设计的知识与技能，创造性地分析与解决网站创意和网页编排设计中的实际问题。 _ 网站的结构与编排 2006.12.1.xi’an －－－网站美化工程 网站作为一种视觉媒体，现代设计理念中的有关内容同样适用于网站设计。 人性化界面设计 人机互动设计 本章学习的主要内容就是这两个方面在网站中具体应用。 第二节 网站的结构与编排 _ 网站的结构 2006.12.1.xi’an 一、网站结构的设计 1、常见的几种结构模型： 网页 1 网页 2 网页 3 网页 4 线 状 结构 主页 网页 网页 网页 网页 网页 网页 树状结构 第二节 网站的结构与编排 _ 网站的结构 2006.12.1.xi’an 网站的结构指某一网站的信息组合的基本框架，它显示该网站中各个网页之间的逻辑关系。 在网站的发展过程中，为了容纳海量信息，网站的结构越来越复杂，有时为了使网站的内容更加条理，在形式上常常采用几种结构混合的模式。 网页 网页 主页 网页 网页 网状结构 第二节 网站的结构与编排 _ 网站的结构 2006.12.1.xi’an 网站结构设计的人性化体现： 网站结构如果不合理，网站就变成了迷宫，使访问者迷失在大堆的信息中；对于网站工作人员来说，日常的更新或对网站结构的调整也比较麻烦。因此，要建立一个简单、有序、合理的网站结构需要遵循一些基本的原则。 (1)网站结构层次适当 (2) 网站结构拓展性广 第二节 网站的结构与编排 _ 网站的结构 2006.12.1.xi’an 2、网页间的链接方式 大量的信息通过各种链接联系到一起，构成网络世界的高速通道。目前主要的链接方式有以下几种： 导航条 超链接 超文本 第二节 网站的结构与编排 2006.12.1.xi’an _ 网站的结构 导航条 超链接 超文本 网站地图 第二节 网站的结构与编排 2006.12.1.xi’an _ 网站的创意设计 网站创意设计 网站创意设计，重在“创意”二字。通过人性化的创意设计，使网站定位的核心理念能够在网站的各个视觉点上充分体现。 基本原则： （1）、统一性原则 （2）、互动性原则 （3）、适用性原则 第二节 网站的结构与编排 2006.12.1.xi’an _ 网站的创意设计 网站创意设计的具体要素 VI设计 内容模块设计 按照网站的定位，将信息有序的组合在一起，既体现出网站的内容特色，又能方便访问者迅速找到所需要的信息。 即视觉识别， 是CIS企业形象识别系统 中最具传播力和感染力的层面。 第二节 网站的结构与编排 2006.12.1.xi’an _ 网站的创意设计 网站作为一个以视觉为主的媒介，其视觉识别系统的建立可以将网站的定位、内容在更广泛的层面上，进行更形象直接的传播。 对于网站来说，表现在版面上能给访问者以强烈视觉印象的主要是网站的Logo和标准色。 第二节 网站的结构与编排 _ 网站的创意设计 2006.12.1.xi’an Logo的表现形式及特点 第二节 网站的结构与编排 2006.12.1.xi’an _ 网站的创意设计 第二节 网站的结构与编排 2006.12.1.xi’an _ 网站的创意设计 影响内容模块设计的因素：