网页设计之第2讲_网站建设总体规划.pptVIP

第2讲 网站建设总体规划 【本讲导读】 掌握网页制作的基本原则和布局思想 上网浏览总结各种不同类型网页布局 【本讲要点】 掌握网页制作的基本原则和布局思想 2.1 定位网站的系统、类别和形象 在因特网飞速发展的今天，网络技术和与之相应的建立网站、制作网页，已经成为最吸引人的技术。 从网站功能考虑，网站系统可以划分为以下方向： 1．辅助政府部门进行国家管理。 2．为新闻和宣传提供平台。 3．为商业活动提供交易平台。 4．为科研和学术交流服务。 5．没有任何商业目标的公益性网站和个人爱好网站。 网站的类别比较繁杂，从信息流转和提供服务的方式出发，可以分为以下几类： 1．门户类网站 2．信息发布类网站 3．电子商务类网站 4．资源服务类网站 5．娱乐游戏类网站 6．远程教育和医疗诊断类网站 衡量网站建设是否成功，一个重要指标是该站点的访问量，准确的形象定位对于提高网站的点击率至关重要。网站形象是指它主要侧重的内容和功能。 1．人们感兴趣的网站内容通常有： （1）新闻（包括时事新闻、体育新闻、财经新闻、娱乐新闻等）。 （2）求职、招聘、交友、征婚信息。 （3）计算机软件和硬件信息。 （4）科教医疗信息。 （5）金融证券信息。 （6）商贸信息和各类广告。 （7）休闲、旅行、娱乐信息。 （8）电子书籍和影视。 设计网站有下面一些基本原则： 1．内容明确 2．抓住用户 3．点击规则——对于小型网站，主页上任何一条信息点击次数不超过3次，被称为3次点击规则。 对于大型网站，可使用导航和工具条来改善操作。 4．学习HTML 5．优化网站构架 6．避免使用特殊字体，尽量减少图片 7．避免长文本和错别字 “同”字型结构布局(Π型结构布局) “国”字型布局 T型布局 “三”型布局 对比布局 POP布局 Flash 布局 本 讲 小 结 本讲介绍了网页制作的基础原则，让读者初步了解网页制作的过程，这些理论的知识将会在随后的实际制作过程中得到进一步的应用。 * * 2.2 设计网站的原则 2.3 网站内容的组织原则 （1）总体设计，设计出总体框架图，各种表现手法 和形式的结合； （2）主题鲜明、结构合理，不能堆砌； （3）组织网页，将丰富的内容和多样的形式组织在 一个统一的结构中，达到形式和内容统一，协调； （4）设计首页的考虑，力求布局合理，美观大方； （5）网页设计的标准，保持风格一致。 意义：在于能大大提高网页的视觉吸引力，有利于信息的有效传达，并能给人以一定的审美感受。 网页创意设计的意义、功能和目的： 功能：引人注目，提高网页的视觉吸引力，增加读者的浏览和持续阅读的兴趣。 目的：使得布局新颖别致，视觉流畅通顺，形态清晰悦目，使网页所提供的信息能得到更明确而有效的传达。 不要刻意追求与众不同 2.4 设计网站的效果原则 2.5 设计网站的布局结构 感观效果 增添视觉趣味，突出风格和主题 帮助浏览者发现信息 清晰悦目，直观明确 具有一定的象征意义，有较强的视觉传达效果 传递网站风格、理念、品位格调及定位 降低读者阅读时的视力疲劳 吸引浏览者视线， 导引信息正文 富有美感，以表现独特的信息风格 作 用 色彩灰度肌理、抽象连续图案做底纹 背 景 各种造型变化及形式效果变化的图形 动 画 可视化造型风格的标签或符号 图 标 一个界面不要超过三种字体 文字插图 图案化徽标，力求造型简单单纯 标 志 造 型 的 构 成 具有韵味的意义完整的句子 标 语 字群聚集，字体统一，每行最好在20~30个中文字，空白适度 正 文 主标题，放置在显著位置 子标题以菜单方式出现 标 题 使用较大的字型； 用活字或书写字或独